CSS navigation bar - hover OK in Firefox but not in Internet Exploter 7

Discussion in 'HTML' started by John, Sep 16, 2008.

  1. John

    John Guest


    The below CSS navigation is OK in Forefox.

    In Internet Explorer, when you move down to the second level, the drop downs
    This only occurs when the drop down covers other text or images on the page.

    If the first five lines on the page are<br/><br/><br/><br/><br/> then it's

    Any ideas?

    div#navbar ul {list-style:none; list-image:none; padding:0; margin:0;
    div#navbar li {float:left; margin:0px;}
    div#navbar li a {background-color:darkslateblue;
    height:26px; width:105px; display:block; padding-top:3px;
    border:1px solid #FFFFFF; text-decoration:none;
    font:bold 11px Verdana, Arial, Helvetica, sans-serif; color:white;
    div#navbar li a {float:none;} /* Hide this line from IE5-Mac */
    div#navbar li a:hover {font-weight:bold; color:#6D7B8D; background:white;
    border:1px solid #808080;}
    div#navbar ul ul {position:absolute; display:none;}
    div#navbar li.submenu:hover ul.level2 {display:block;}
    div#navbar li ul li {display:block;}
    div#navbar li ul li a {width:105px; background:darkslateblue;}
    div#navbar li li {float:none;}
    /* 2 and 13 */
    div#navbar ul ul, li a:link:hover ul ul {display:none;}
    /* 12 and 23*/
    div#navbar li a:link:hover ul, li a:link:hover li a:link:hover ul
    John, Sep 16, 2008
    1. Advertisements

  2. A URL would be helpful.
    Signatures should be two dashes, a space and a carrige return.
    Conforming news clients will remove the signature when replying to a

    With that said, in a conforming news client, had you used the above, all
    this below would have been cut off. Please put your signature at the
    bottom of the post.
    Adrienne Boswell, Sep 16, 2008
    1. Advertisements

Ask a Question

Want to reply to this thread or ask your own question?

You'll need to choose a username for the site, which only take a couple of moments (here). After that, you can post your question and our members will help you out.