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


and here


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.

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

Thanks so much! That fixed it.

My pleasure

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.