Son Suckerfish Menu IE6 - Menu Hiding Behind Content

Question

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

The content below contains a javascript slider with image and text. I tried changing z-indexes on most elements, but still no luck.

This only happens in IE (6 and 7).

Please, help!

Answer 1

The drama you have is the use of relative positioned elements that reset the z-order context to <IE8.

, div # . div # cat_528463_divs > ul > li z- (, 1000). , JS, , . .

Answer 2

IE , - z- .

, : , HTML. , div div , , ​​ .

, : #content.

z-.

Answer 3

z-index:100 li

#nav_528463 li ul li {
  -moz-background-clip:border;
  -moz-background-inline-policy:continuous;
  -moz-background-origin:padding;
  background:transparent none repeat scroll 0 0;
  float:none;
  margin:0;
  padding:0;
  z-index:100
}

Answer 4

jQuery :

http://www.vancelucas.com/blog/fixing-ie7-z-index-issues-with-jquery/