0

Can anyone tell me why on IE 8 the main (top) navigations sub-menues (specifically on the "Master Cleanse" dropdown) get hidden under the sidebar and content boxes on this page?: http://therawfoodsite.com/newsite/store/

Seems to work fine in all other browsers (of course) and I have the z-index setup correctly...IE just doesn't like it. Any help would be awesome. Thanks.

thirtydot
  • 224,678
  • 48
  • 389
  • 349
  • This might help: http://stackoverflow.com/questions/1290191/z-index-broken-in-ie8/2839373#2839373 – tommica Jul 14 '11 at 22:15

1 Answers1

1

Your page is being forced into "IE7 Mode". Check the HTTP response headers returned by your page:

HTTP/1.1 200 OK
..
X-UA-Compatible: IE=EmulateIE7
..

You can easily fix your problem in IE8/9 by removing that HTTP header.

If that's not an option, or you need to support genuine IE7..

On .menu-main-container, add position: relative; z-index: 51.

If you'd like more information about this IE6/7 bug, see: IE7 Z-Index issue - Context Menu

Community
  • 1
  • 1
thirtydot
  • 224,678
  • 48
  • 389
  • 349