IE7 is messing up the z-index property with my subnav (although I've already fixed that!)

Posted by JAG2007 on Stack Overflow See other posts from Stack Overflow or by JAG2007
Published on 2010-06-17T20:59:06Z Indexed on 2010/06/17 21:03 UTC
Read the original article Hit count: 246

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?)

© Stack Overflow or respective owner

Related posts about jQuery

Related posts about css