Grow your CSS skills. Land your dream job.

Drop down menu compatibility with IE

  • # June 2, 2008 at 3:07 pm

    Hi guys,

    I’m trying to make a drop down menu. It works fine in firefox, but in IE it doesn’t work. The initial box i’m drawing doesn’t seem to show up on IE. Any idea why?

    Code:
    ul#nav li a.about {
    background: url(image/about_b.jpg) no-repeat bottom;
    width: 117px;
    }

    ul#nav li a.about:hover, ul#nav li a.about:active {
    background-position: top;
    width: 117px;
    }

    ul#nav li a.about item {
    width:117px; height:40px;
    filter: alpha(opacity=60);
    opacity:0.6;
    background: #000000;
    display: none;
    z-index:500;
    }

    ul#nav li a.about:hover item, ul#nav li a.aboutsub:active item {
    display:block;
    height:20px;
    position:relative;
    top:44px;
    }

    The first part is for the regular roll over, and the second half is supposed to be for the drop down menu

    # June 2, 2008 at 4:10 pm

    You’re missing a period on "item" to define it as a class. It should be ".item". Trying fixing that and see what happens.

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".