Has anyone got any idea why the menu is rendering below the rotating images on this site in IE7: http://new.coffeelatino.co.uk/.
The z-index is much higher for the menu that it is for the rotating images.
Just another reason why IE is so dreadful.
+3
A:
z-index is ignored for elements that are not positioned. Add "position:relative" to the style of whatever you're trying to apply a z-index to, and that should fix it.
Hint for remaining sane as a web developer: Write against IE, then test with other browsers. Most things that work in IE will render correctly in FF and Chrome. The reverse, as you've noticed, is not true.
Jason Kester
2010-03-18 22:00:21
Probably an excellent tip. I always work the other way around. I just with IE would go away :).
Ryan Tomlinson
2010-03-18 22:04:39
Awesome. Adding position: relative; to the top brown bar resolved the issue.
Ryan Tomlinson
2010-03-18 22:08:47
I would NOT recommend coding for IE and testing in others! Write against the standards and test in several browsers in parallel. Add hacks to ie later. It's easier to persuade ie to behave with standards code, than getting ie code to work reliably in others...
Stein G. Strindhaug
2010-03-25 12:30:15