CSS Menu underneath other divs

in IE7 and IE8 my menu is showing up underneath the slideshow div that is below it (when you hover over one of the menu options)

http://www.christma开发者_开发百科streesandlights.co.uk

It works as expected in Chrome, FF and IE9.

Anyone help me?

Thanks!

This issue is related with z-index, but not with the z-index of the hovered state div; but with the z-index of the parent div.

This is something that happens only with internet explorer. To make this work correctly you need to declare the z-index of the parent.

You can view more about this issue in this excellent article: http://www.quirksmode.org/bugreports/archives/2006/01/Explorer_z_index_bug.html

Use z-index. Apply a higher z-index to the menu container than the other divs of the same depth.

You could try using z-index: 999;