Page 1 of 1

[solved] CSS-menu drop-down placed below other divs in IE

Posted: Sat Mar 15, 2008 12:04 pm
by hhm
Hi,

I'm implementing a horizontal CSSMENU on the following site:

  http://copenhagenclimatecouncil.com/ind ... er---under

But the menu elements of the "drop down" menu are placed beneath the other div-elements further down the page.

So I tried wrapping the menu-div (id="menuwrapper") inside another div-tag (id="menu-top") with a position:relative, and style the menuwrapper-div with position:absolute and z-index:999.

Also I included the: 





This work around works in FireFox and Safari but not in IE 6+7.

Any suggestion on how to solve this for IE browsers as well?

[solved] CSS-menu drop-down placed below other divs in IE

Posted: Sat Mar 15, 2008 4:47 pm
by hhm
2 hours away from the computer solved the "invisible problem"  :D

I had one to many of "position:relative;" and "z-index:999;" in my CSS..