btw. Opera7.54/Win does funny things with your menu, it shows only already hovered parts.hi all
I have an annoying problem with z ordering in IE6. Basically, an absolutely positioned div is being rendered on top of my drop down menu. The menu is made from nested lists with the li elements relatively positioned. Naturally it works in FF - all that was needed was to give the li's a higher z-index than the div, but it doesn't work in IE.
The test case is at http://www.cairnsinfo.com/menu_test.asp
Searching the archive it's obvious that IE has issues with z ordering. I have tried making everything in the list position: relative and z-index:10, and I have tried enclosing everythin g in a z-indexed div, but to no avail.
----- <body> <div id="menu-container"><ul>...</ul></div> <div style="position:absolute">Lorem ipsum</div> </body>
Remove the inline style z-index: 1; from the Lorem ipsum div
and remove the z-index:10 from menulist, .menulist ul {}and add {position:relative; z-index:1;} or {position:absolute; z-index:1;}
to #menu-container
or
position:relative; z-index:1;} to ul.menulist, as you like it.Looks like it's important for z-index in IE if the two elements are in the normal flow or positioned. If only one is positioned, it gains a higher layering no matter what z-index you apply to the other.
But you've said you did try it with no avail so I might be wrong again. I works on my local file, though.
Ingo
______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
