Question

OK, so I had this issue with my jQuery subnav in IE7 where it was scrolling down behind the main content after the header. Did a fair bit of research and found a great fix involving simply applying a z-index value to the header, and one to the main content.

All was well. Or so I thought.

Turns out IE7 is still messing up the subnav z-index within the header itself. The subnav still drops down behind the tagline, which is also part of the header. Particularly when you hit the subnav on the “Help Now” tab. (again, IE7 only)

http://betawww.helpcurenow.org

I’ve applied z-index values to both the subnav and the tagline, but that did not resolve the issue as did adding z-index values for the header and maincontent divs.

Any tips? Did I specify my z-index improperly with the subnav? (should I have applied to the parent element?)

Answer 1

try:

#header #nav {position:relative; z-index:9000;}

and

#header #tagline {position:relative;}

I think older IE has a problem with z-indexes because they reset stacking order with items that share parents.