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

For discussion and questions related to CMS Specific templates and stylesheets (CSS), and themes. or layout issues. This is not a place for generic "I don't know CSS issues"
Post Reply
hhm
Forum Members
Forum Members
Posts: 40
Joined: Tue Dec 27, 2005 4:28 pm

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

Post 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?
Last edited by hhm on Sat Mar 15, 2008 4:47 pm, edited 1 time in total.
hhm
Forum Members
Forum Members
Posts: 40
Joined: Tue Dec 27, 2005 4:28 pm

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

Post 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..
Post Reply

Return to “Layout and Design (CSS & HTML)”