Elementer flytter sig ved opacity-skift i IE

Hej Folkens..

Endnu engang er Internet Explorer ved at give mig et mindre nerve-sammenbrud.. Jeg har en simpel mouseover funktion der ligger en gul kasse bag ved et element, og så skruer ned for dette elements opacity..

function rolloverBox(elm) {
    overlay = document.getElementById('rollover_overlay');
    overlay.style.top = elm.offsetTop+8+"px";
    overlay.style.left = elm.offsetLeft+8+"px";
    overlay.style.visibility = "visible";
    elm.style.opacity = 0.7;
    elm.style.filter = "alpha(opacity=70)";
}

Problemet er at i IE (8) flytter elementerne (Div-tags) sig en pixel op og til venstre når jeg ruller over dem. Problemet forsvinder hvis jeg fjerner den sidste linie i funktionen, men så virker min opacity jo ikke i IE.

Elementerne har float:left i deres CSS. Håber at der er nogen der kan få det til at give mening...