Louis: IE-Problem mit a:hover span

Beitrag lesen

Hallo zusammen

Ich sitze nun schon ein Weilchen vor dem Bildschirm und wurde ganz ratlos. Ich finde und finde den Fehler nicht. Vielleicht kann mir jemand von Euch auf die Sprünge helfen...

Also ich hab ein Bildchen und man mit der Maus darüber fährt soll ein Text erscheinen. Da dieser CSS-Effekt im IE nur für Links funktioniert hab ich das Bild in einen Link getan.
Der Quelltext sieht dann so aus:

<div id="txt">
   blabla
   <a href="#" class="vorschau">
      <img class="bild1" src="bild.jpg">
 <span class="v1">blabla</span>
   </a>
</div>

und in der stylesheet:

#txt a.vorschau {
   text-decoration:none;
   display:block;
}
#txt a span {
   display:none;
}
#txt a:hover span {
   display:block;
   position:absolute;
   top:100px;
   left:100px;
}

Wenn Ihr das so anschaut, habt Ihr dann das Gefühl, das sollte funktionieren oder ist da ein Hacken dran (den ich trotz etlichen Suchen einfach nicht finde...)?

Liebe Grüsse
Louis