Problem
z-index is not performing properly in internet explorer, ie6, ie7, etc.
Don’t worry it’s not you, this is yet another bug in IE. IE does not render z-index properly:
“In Internet Explorer positioned elements generate a new stacking context, starting with a z-index value of 0. Therefore z-index doesn’t work correctly”
Solutions/Workarounds
- Give the element (that should be behind) a z-index:-1 and position:relative
- Give the parent of the front element a higher z-index.
- Become a white water rafting tour guide.
