dropdown hidden behind divs in IE7

Question

Hi I've finally got Suckerfish working and styled but in IE7 it is hidden behind the divs below it. See the dropdown on the 'Your Video/Pics' button here.

I know usually a z-index would solve the issue but in this case it seems not. Can anyone help?

Don't worry this site is not supposed to work in IE6 ;)

Answer 1

Try adding:

#header {
    position: relative;
    z-index: 1;
}

For IE, the entire block has to have a higher z-index than the block below it.