Help with z-index issue with menu in IE7

Has anyone got any idea why the menu is rendering below th开发者_如何转开发e 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.

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.