Grow your CSS skills. Land your dream job.

Hover not working in IE6, IE7 when Nav floated ?

  • # June 17, 2009 at 10:09 am

    Hi all

    I have a simple page of a nav and content.

    The nav is a list with a hover, if the nav is floated to the left and the content on the right the nav doesn’t work in IE 6, IE7 as it does in other browsers. The nav doesn’t lose any structure but the hover state only works if I hover over the text in the link.

    If I take away the float the hover on the nav works in IE6, IE7.

    Is this another bug is there a way around this.

    Any help much appreciated.

    http://www.ttmt.org.uk/nav1/

    # June 17, 2009 at 11:31 am

    I don’t have access to ie at the moment, so I’m just guessing, but the only line I see in your css that may be causing a problem is this one

    Code:
    #leftNav ul#servNav li {
    display:inline;
    }

    Try removing that.

Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".