Forums

  • # November 30, 2008 at 12:10 pm

    absolute positioning moves in IE:

    here is the code:

    Code:
    a.promo, a.promo:link, a.promo:visited
    {
    position:absolute;
    top:120px;
    right:200px;
    width:115px;
    height:25px;
    line-height:25px;
    text-align:center;
    font-family:”arial”;
    font-size:10pt;
    font-weight:bold;
    border:1px solid #b5bcd9;
    background-color:#ff0000;
    color:#ffffff;
    text-decoration:none;
    }
    a.promo:hover, a.promo:active
    {
    position:absolute;
    top:120px;
    right:200px;
    width:115px;
    height:25px;
    line-height:25px;
    text-align:center;
    font-family:”arial”;
    font-size:10pt;
    font-weight:bold;
    border:1px solid #b5bcd9;
    background-color:#ffffff;
    color:#ff0000;
    text-decoration:none;
    }

    here is a test page http://www.bearsdensom.com/test/, its the xmas vouchers thats the problem.

    they are static in FF, Chrome, Safari, & Opera, but in IE8 when hovering the button moves to the left about 20px;

    why? the code is virtually the same apart from the colours

Viewing 1 post (of 1 total)

You must be logged in to reply to this topic.

icon-anchoricon-closeicon-emailicon-linkicon-logo-staricon-menuicon-nav-guideicon-searchicon-staricon-tag