CSS Drop-down in IE not showing properly

Discussion in 'CSS' started by PATHS, Jan 30, 2009.

  1. #1
    Hi,

    I have been banging my head on the wall about this for weeks and can't figure it out. I have a drop-down navigation menu on my site at www.pathsatlanta.org. It looks & works as intended in Firefox & Chrome, but in IE the transparency takes over, making the drop down menus unreadable.

    It's got to be a conflict between the transparency of the main menu item vs. the sub-menu item's background color, but I can't see where I am going wrong.

    If you have a moment, could you look & let me know what you think it may be?
     
    PATHS, Jan 30, 2009 IP
  2. Delicocuk_mg

    Delicocuk_mg Active Member

    Messages:
    11
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    86
    #2
    Hi paths.
    In
    hxxp://www.pathsatlanta.org/wp-content/plugins/menubar/Suckerfish/sf-vertical.css
    there have you tried to set a background-color to your class "sub"

    this one
    .sf-vertical li.selected ul li.sub:hover {
    color: #669900!important;
    background-color: #fff!important;
    z-index: 999!important;
    background: #fff;
    }


    to

    .sf-vertical li.selected ul li.sub:hover {
    color: #669900!important;
    background-color: #ffffff
    z-index: 999!important;
    background: #fff;
    }
     
    Delicocuk_mg, Jan 30, 2009 IP
  3. PATHS

    PATHS Peon

    Messages:
    4
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #3
    I don't understand why taking off the !important attribute and lengthening the form of the color code would have an effect, but I gave it a try, and still no luck :(
     
    PATHS, Jan 30, 2009 IP
  4. PATHS

    PATHS Peon

    Messages:
    4
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #4
    Bump...Anyone?
     
    PATHS, Feb 2, 2009 IP