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

Absolute position hover navigation effect not working in IE

  • # October 20, 2009 at 11:27 am

    Hello all,
    I am having a problem with older versions of internet explorer displaying the navigation of a website incorrectly. The address of the website that I am working on is here If you look at it in any version of Internet explorer prior to IE8 you will notice that the navigation is broken and running over to the side of the page. The code for one of the navigation buttons is this:
    margin:1px 0px 0px 0px;
    background:url(../images/home_Finallayout.png) left bottom no-repeat;
    /*border: blue solid 1px;*/

    position: absolute;
    background:url(../images/inv_spa.png) left bottom no-repeat;
    /*border: blue solid 1px;*/
    I have been reading about absolute position and hover css problems in internet explorer. Yet I cant seem to find a fix.The css file can be found here: … sheet1.css. I need a fix for this bug. Any help here would be greatly appreciated.

Viewing 1 post (of 1 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