Layering Problem

[Shawazi]

I have a UL with the following rules:

#artSort_options { 
z-index: 50;
background-color: #000000; 
display: none; 
position: absolute; 
list-style: none; 
width: 138px; 
padding: 0px; 
}

I use javascript to change the display of #artSort_options to block;

The UL is in a DIV floating right. The menu displays perfectly over the parentNodes, but hides behind all elements after - except in IE 7.

Any ideas?

[le_gber]

do you have a z-index on the parent node? I seem to remember that if you have element a with z-index:3 and element b with z-index:4 even if you use z-index:100 in element a's children they are still going to be under element b.