Search code examples
javascriptcssinternet-explorersuckerfish

Son of Suckerfish Menu IE6 - menu hiding behind content


Page - http://blu-eye.com/index.html - contains suckerfish menu which is displaying correctly on the rest of the site, except for this page. The menu items are hidden behind the content below.

The content below it contains a javascript slider with image and text. I've tried changing the z-indexes on majority of elements, but still having no luck.

It only occurs in IE (6 and 7).

Please help!


Solution

  • The drama you have is the use of relative positioned elements, which reset the z-order context on < IE8.

    Specifically on div#header, remove the position relative. then on div#cat_528463_divs > ul > li set a z-index (of 1000 for eg). This will fix the nav issue from tucking in under the JS slider – however it will screw up the look of the rest of the top section, because they are absolutely positioning the logo and some other images. So that is going to need to be rebuilt.