Internet Explorer 7 - Position Absolute - Dropdown Menu

Question

I am having a big trouble positioning my dropdown menu on below URL (Internet Explorer 7 problem only):

http://tinyurl.com/y7v2qj9

When hovering the menu, you will see that the drop down appears behind the image. This doesn´t happen in IE8 or Firefox, only in IE7. I think it must be related to a specific bug which i am unaware of, can´t find the solution.

Your help is greatly appreciated.

Answer 1

Give the list items a z-index value which is higher than the image. E.g.:

ul.dropdown li {
    z-index: 10;
}