John Gribben wrote: > Hello, > > I'm trying to make a sucker-fish-style drop-down menu (a hybrid that also > uses sprites for the top level items), but it's not working on IE6. > > There seems to be a problem with the content div that sits immediately below > the menu. If I isolate the menu from all other code on the page, it works > fine. But if I place just one div beneath the menu, on IE6, the drop-down > disappears after my cursor passes over the first menu item. It's as if the > z-index of the adjacent item exceeds that of the drop-down, although this is > not the case. Here is the page with the example: > > http://windows.pedrera.com/clients/greenbaum/nav.asp
There is a conceptual problem and a bug. z-index does apply to positioned elements only. Some of your z-indexes are set on non-positioned elements. Remove them, they are distracting. From the inside: The second level has z-index+position, but it is nested inside positioned elements without z-index, and finally sitting inside a float. The bug: both the navigation and the following div are floats. The positioned element without z-index does not escape from this float in IE, but locks the descendant positioned elements with z-index in. In IE, you'll have to set position:relative and z-index from the outside. Ingo -- http://www.satzansatz.de/css.html ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
