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!

[Prof. Dr. Dr. Sakkkkarre]

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;
}

Ich würde versuchen, beide Bilder mit "postion" - siehe
[link]http://de.selfhtml.org/css/eigenschaften/positionierung.htm#position[/link]

• an die gleiche Stelle zu legen umd mit dem Styleshitt nur den z-index
  zu änderen.

[Marc]

Hallo ihr beide,

euch hätte die Suche im Forum sicher schnell geholfen:

Guckst Du hier...

Gerade 2 Tage alt und sogar noch hier zu erreichen. Sogar ohne Suche.

Viele Grüße,
Marc.

[Suma]

Ein freundliches hallo an Marc und Prof. Dr. Dr. Sakkkkarre,

verspätet bedanke ich mich für eure guten Tipps!

Ihr habt mir sehr weitergeholfen!

Viele Grüße,

Suma