manicsquirrel
asked on
Internet Explorer Z-Index Bug
http://www.testingyoursite.com/joseph/
In IE7 #header is displaying behind #background but should be displaying *above* #background. The stacking order is, I believe, correct. Works fine in IE8 and FF but I'm using a conditional style sheet for IE7.
http://www.testingyoursite.com/joseph/wp-content/themes/2-column/iestyles.css
Thanks for looking...
In IE7 #header is displaying behind #background but should be displaying *above* #background. The stacking order is, I believe, correct. Works fine in IE8 and FF but I'm using a conditional style sheet for IE7.
http://www.testingyoursite.com/joseph/wp-content/themes/2-column/iestyles.css
Thanks for looking...
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
ASKER
Nice. Turns out the css you provided wasn't necessary; your explanation of the stacking hierarchy was something I didn't know. I just moved the header out of #wrap and everything fell into place. Thank you :D
Good to know my elaborate explanations sometimes make for better solutions than the fixes :)
If you have the #header and #background within a container, try giving this container a z-index:1