Bild auf Bild mit Hover Link

[Suma]

Hallo an die Experten dieses Forums,

ich habe ein kleines Problem und brauche dringend euren rat!

Mein vorhaben:

Ein Bild soll mit einem anderen Bild (gleiche größe) genau überdeckt werden wenn man mit dem Mousecursor über einen link fährt der sich aber an einer anderen Stelle in der Webseite befindet.

Beispiel CSS:
-------------

a.pics span {
 display:none;
 width:85px;
 background:#FFFFFF;
 color:#000000;
 text-align:center;
}
a.pics:hover {
 white-space:normal;
}
a.pics:hover span {
 display:block;
 position:absolute;
 left:0px;
 top:222px;
 z-index:1;
 height:93px;
}

Beispiel Link:
--------------

<a class="pics" href="de.php">Startseite<span><img src="images/nb.gif" alt="" /></span></a>

Jetzt ist es aber so dass sich das neue Bild im Firefox 3.5.6 und beim Netscape Navigator 9.0.0.6 Pixelgenau auf das alte Bild legt aber im Internet Explorer das neue Bild um genau ein Pixel nach oben verschiebt. Der IE macht also hier wieder einmal Probleme aber ich komme nicht auf eine Lösung um dieses ungeschehen zu machen.

Habt Ihr hierzu eine Idee?

Danke für eure Anregungen!