• Hey guys,

    Does anybody know how to fix the IE double navigation menu bug?
    The website is : yentrepreneur.com

    The 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

Viewing 1 replies (of 1 total)
Viewing 1 replies (of 1 total)
  • The topic ‘IE showing double navigation menus =(’ is closed to new replies.