IE dropdown z-index bug

Posted by Justine on Stack Overflow See other posts from Stack Overflow or by Justine
Published on 2010-03-16T00:11:26Z Indexed on 2010/03/16 0:19 UTC
Read the original article Hit count: 765

Filed under:
|
|
|

I'm having a problem with a dropdown menu under IE (6 and 7).

http://www.amaconsulting.pl/promocje.html

As you can see, the dropdown hides behind the main content area in IE.

It's a known bug and general advice is to set a z-index for header and content areas, so IE knows their "place", explained in the article here: http://bit.ly/coSPcI

I've set the z-index of .header div to 20 and .featured, .content, .primary, .main to 1, trying to find the right div to fix the problem. While the dropdown stopped hiding behind the .featured div, it still hides behind the main content divs (either .primary or .main, .secondary is fine).

The z-indexes for these divs are set in a separate stylesheet, ie.css, in case someone'll be looking for them.

If someone could provide some advice, I'd be very grateful.

© Stack Overflow or respective owner

Related posts about css

Related posts about z-index