IE showing double navigation menus =(
-
Hey guys,
Does anybody know how to fix the IE double navigation menu bug?
The website is : yentrepreneur.comThe css code for the nav bar is:
#navbar {
background: #333;
width: 960px;
float: left;
height: 40px;
color: #FFFFFF;
margin: -20px auto 30px;
padding: 0px 0px 0px 0px;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
}#navbarleft {
width: 740px;
float: left;
margin: 0px 0px 0px 10px;
padding: 0px;
}#navbarright {
width: 160px;
float: right;
margin: 0px;
padding: 2px 0px 0px 0px;
}#nav {
margin: 0px;
padding: 0px;
}#nav ul {
float: left;
list-style: none;
margin: 0px 0px 0px 0px;
padding: 0px;
}#nav li {
float: left;
list-style: none;
margin: 0px;
padding: 0px;
}#nav ul li {
list-style: none;
margin: 0px 0px 0px -1px;
padding: 0px;
}#nav li a, #nav li a:link {
color: #ffffff;
display: block;
font-size: 14px;
margin: 0px 0px 0px 0px;
padding: 12px 20px 12px 20px;
border-right: 1px solid #eeedec;
text-decoration: none;
}#nav li a:hover, #nav li a:active {
background: #222222 url(styles/blue/images/navhov.png);
color: #FFFFFF;
display: block;
margin: 0px 0px 0px 0px;
padding: 12px 20px 12px 20px;
text-decoration: none;
}#nav li li a, #nav li li a:link, #nav li li a:visited {
opacity: .90;
filter: alpha(opacity=90);
background: #161A23;
width: 170px;
color: #CCCCCC;
float: none;
margin: 0px;
padding: 7px 10px 7px 10px;
border-bottom: 1px solid #2B3349;
border-left: 1px solid #2B3349;
border-right: 1px solid #2B3349;
}#nav li li a:hover, #nav li li a:active {
background: #2E3750;
color: #FFFFFF;
padding: 7px 10px 7px 10px;
}#nav li ul {
z-index: 10;
position: absolute;
left: -999em;
height: auto;
width: 190px;
margin: 0px;
padding: 0px;
}#nav li li {
}#nav li ul a {
width: 160px;
}#nav li ul a:hover, #nav li ul a:active {
}#nav li ul ul {
margin: -31px 0 0 192px;
}#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
left: -999em;
}#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
left: auto;
}#nav li:hover, #nav li.sfhover {
position: static;
}#nav .current_page_item a {
background: #222222 url(styles/blue/images/navhov.png);
color: #FFFFFF;
display: block;
margin: 0px 0px 0px 0px;
padding: 12px 20px 12px 20px;
text-decoration: none;
}Thanks in advance!
D
- The topic ‘IE showing double navigation menus =(’ is closed to new replies.