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

Next Office Hours Session: "Implementing an SVG Icon System" Nov 30 - 6:00 PM Eastern

Superfish IE a:hover background issues

  • # June 9, 2009 at 5:35 pm

    I’m new at coding CSS/Jquery drop-down menus, and am having a problem with background color change on a pair of Superfish menus that I’m trying to set up on the same page. One is a drop-down, and the other is a fly-out.

    I can’t figure out how to code my css file so that the background changes color over the entire width of the menu anchor tag for any version of IE. Both menus work fine in Firefox. The hover background color stops at an embedded png file before the end of the anchored section. It looks bad.

    I suspect that I need a conditional tag in my html file and/or a combination of the correct css style code. I’ve tried many, many, many code variations to fix this issue, and am stumped. You can see the problem at:

    the css file is:

    Any help would be greatly appreciated. Thanks.


    # June 10, 2009 at 1:14 pm

    The problem that I’m looking at seems even a bit finicky in FF. It’s when you hover over the left menu and that box pops out.

    You have a margin-left that is causing the hover box to "pop" out.

    #left a, a:visited {cnhp.css (line 266)

    Try that to see if it helps both browsers.

    Once that gets done what else is left to deal with?

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