Drop-down menu shows up behind page content

[bwallace]

I know other people have this problem, but the search results I see mention flash and Internet Explorer, neither of which I'm using right now. Why do the submenus appear behind the main page content as they do here

http://www.ealantamagazine.com/

and here

http://money.ealantamagazine.com/jobs/?

Here's the CSS for those two divs:

#div2 {
background-color: #FFFFFF;
width: 100%; 
height: 1350px;
padding: 10;
margin-left: auto;
margin-right: auto;
}

#div2-left { /* where the menu is */
background-color: #FFFFFF;
width: 20%;
height: 95%;
float: left;
}

#div2-right { /* where the main page content is */
background-color: #FFFFFF;
width: 70%;
height: 92.5%;
padding: 5 50 0 0;
float: right;
}

I tried adding "position:absolute; z-index:2" for div2-left but all it does it make the div wider. When I put z-index for div2-right it moves to the left side of div2 and covers div2-left. Please help.

[shaya4207]

The '<div>' which are the sub menus (submenu_1 etc.) in the internal style should have 'z-index: 2;'

[bwallace]

Thanks so much! That fixed it.

[shaya4207]

My pleasure