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