Mega Menu (Superfish) Not Playing in IE6 / IE7

HTML & CSS
1

Hey, the site we’re developing is currently self destructing in IE6 / IE7.

In IE7, our jQuery / SuperFish based MegaMenu is hidden behind the CodaSlider project browser. Z-Index has not resolved this. Have exhausted ideas on how to resolve it.

Check it out

The same problem also happens on the Project Pages, with the jQuery based gallery.

In ie6, the menu doesn’t even display at all.

Edit: I think it’s clashing with HTML5 shiv, is there any way to resolve this?

2

Hi Guys, these suggestions seem to have resolved the issues. Many thanks.

3

In IE6 it looks like there’s something too big and pushing the menu wide. I didn’t have time to check all the measurements but you can probably just hide the overflow instead.
e.g.


* html .sf-menu li li{overflow:hidden}
* html .sf-menu li li li {overflow:visible}
4

Hi,

Set the z-index as follows to fix IE7.


.header {position:relative;z-index:999}
.content-wrapper{position:relative;z-index:1;}
5

Actually, HTML5 shiv has nothing to do with it.