So there's this ie6 overflow:visible bug that I can't fix gracefully.

The bug is visible in the screenshot below.

Wrong (ie6):

http://img249.imageshack.us/img249/352/screenshot68.png

Right (FF, IE8, Chrome):

http://img402.imageshack.us/img402/7208/screenshot69.png

The menu entry should show:

Contact Us Resellers Support Designer Services But since I can't get overflow:visible working or otherwise simulate it, parts of the dropdown menus get cut off. Currently the css in the ie6-specific stylesheet is:

#zd-nav {
  padding-left:0;
  margin-left:0;
  background-color:transparent;
}
#zd-nav .zd-sub-nav{
  margin-top:.3em;
  width:73px;
  overflow:hidden;
}

I'm aware of the ie6 overflow:visible bug, (as per here: http://www.positioniseverything.net/explorer/expandingboxbug.html ), which renders overflow:visible null and void. Read through: http://stackoverflow.com/questions/83696/strategy-for-fixing-layout-bugs-in-ie6 and tried a few hacks (zoom:1 / position:absolute;overflow:hidden / width:100% ) to try to make it really act as overflow:visible, but nothing worked.

Right now, I've got the dropdown part of the menu set to overflow:hidden, which is essentially my last ditch solution if I can't get the thing acting like overflow:visible matters.

Suggestions?

  • There is no overflow:visible in your css mentioned above. Can u isolate this in a public web page and link to that? Divya Manian about 7 years ago

1 answer

0
points

Did you try putting height: 1% on #zd-nav .zd-sub-nav?

Answered about 7 years ago by voidnothings