I'm trying to change a skin so that the logo is in front of the main menu part. I put a z-index of 999 for the logo in css and 0 for the menu. The menu is still in front of the logo. Any ideas as to what i'm doing wrong? Here's the asp portion:
<div class="content_left">
<div class="content_right">
<div class="dnn_content">
<div class="dnn_logo"><dnn:LOGO runat="server" id="dnnLOGO" BorderWidth="0" /></div>
<div class="dnn_menu"><dnn:NAV runat="server" id="dnnNAV" ProviderName="DNNMenuNavigationProvider" IndicateChildren="false" ControlOrientation="Horizontal" CSSControl="mainMenu" /></div>
</div></div></div>
And the css styles that accompany these:
.content_left{
background:url(images/content_left.png) left top repeat-y; border:2px solid white; padding:6px 6px 6px 6px; z-index:-1;}
.content_right{
background:url(images/content_right.png) right top repeat-y; z-index:-1;}
.dnn_content{
background:#fff; margin: 0 0px; z-index:-1;}
.dnn_logo{
float:left; padding:0px 5px 5px 5px; margin-top:-35px; z-index:999;}
.dnn_menu{
clear:both; height:35px; background:#423839 repeat-x; padding-left:250px; position:relative; width:600px; left:55px; bottom:93px;
-moz-border-radius: 10px; -webkit-border-radius: 10px; khtml-border-radius: 10px;
behavior: url(/DotNetNuke/Portals/_defaul/Skins/Go/border-radius.htc); border-radius: 10px;
z-index:0;}
I've tried moving the menu div before the logo div and the menu is still in front of the logo. Any ideas of what I'm doing wrong?