View Full Version : z-index problem in menu

03-10-2009, 11:50 AM

I can't figure out if this is even fixable.
I have a dropdown menu that uses jQuery to animate-slide the dropdown contents under the item.

The mockup can be found here:

Now, even though it's all working (probably not yet in IE) what i really want is the blue box dropping down to be BEHIND the black bar.

The only solution I have found so far is to add a position: static to the <li> and then give the blue box a z-index of -1.

This makes it go behind the black bar, but also behind the white content area, which obviously is not all that desired ..

Any ideas? :)

03-10-2009, 01:46 PM
I don't think it's possible to effectively stack an element behind it's parent element.

03-10-2009, 02:14 PM
It appears so :(