IE7’s z-index is borked. You’ll probably have to place a higher z-index on the menu container using conditional comment CSS.
daytongemshockey dude how did you solved this issue!! Please post it here! I really need this help! You and i seem to be the only persons with this problem!
If anyone knows how to solve this thing! Please post it here!
I changed the z-index of #content to 1 and changed the z-index of #access to 2. You have to make sure the z-index of the content is lower than the menu.
Finally I was able to figure it out! I hope this helps!
That didn’t work for me, but this did: add
wmode=”opaque”
to your swfobject code on the page where it displays.
Adding z-index to #content and #access did not help me either.
It finally worked for me by adding z-index:100 to
#access .menu-header li, div.menu li
/* fix menu under content */
.container_12 {z-index: 1;}
/* above is the main container div as I’m using 960.gs*/
#access { z-index: 2;}
#access ul ul { z-index: 99999; }
daytongemshockey + pavlos.g sollutions worked for me in IE7, and it don’t appear to break stuff in IE8 and sane browsers so i did not bother conditionals.
#content { z-index: 1; }
#access { z-index: 2; }
#access .menu-header li, div.menu li { z-index: 100; }
Twenty Eleven Main Menu Problem Now Fixed thanks to bpmildh
Thanks bpmildh, you’re a star 🙂