Grow your CSS skills. Land your dream job.

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 http://www.premierecenter.com/premiere_seo/ 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:
    #home_btn{
    position:absolute;
    margin:1px 0px 0px 0px;
    width:71px;
    height:30px;
    background:url(../images/home_Finallayout.png) left bottom no-repeat;
    /*border: blue solid 1px;*/

    }
    #home_btn:hover{
    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: http://www.premierecenter.com/premiere_ … 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.

*May or may not contain any actual "CSS" or "Tricks".