The Lodge is members-only design/dev videos and Office Hours.

Next Office Hours Session: "Programming Fundamentals" Dec 02 - 2:00 PM Eastern

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?

    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);
    background: #000000;
    display: none;

    ul#nav li a.about:hover item, ul#nav li a.aboutsub:active item {

    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

    This reply has been reported for inappropriate content.

    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.

There's a whole bunch of content on CSS-Tricks.

Search for Stuff   •   Browse the Archives

Get the Newsletter ... or get the RSS feed