Bild-Hover-Bug im IE7 - z-index greift nicht

[HQ82]

Hallo,

leider habe ich nach Stunden Recherchen keine hilfreiche Antwort auf folgendes Problem gefunden:

Ich habe mittels CSS einen Hover erstellt, welcher erscheint wenn die Maus über die Vorschau fährt. Es sind immer zwei Vorschaubilder direkt nebeneinander. Und evtl davon mehrere Reihen untereinander nötig.

Leider bekomme ich es für den IE7 nicht gebacken dass der Hover auch über dem nebenstehenden Bild steht - dieses wird immer im Hover-Bild dargestellt. Eine andere Positionierung kommt nicht in Frage, da ich bei mehreren Reihen dann da gleiche Probelm wieder habe.

Firefox und Opera war mittels index:1 sofort gegessen.

Hat jemand eine Idee? Eine Lösung über JS kommt nicht in Frage.
Danke und Grüsse


HTML sieht wie folgt aus:

<td class="main" style="border-bottom: 1px solid rgb(221, 221, 221);" width="5%">
<div class="hover" style="position: relative;">
<img class="small" src="images/14_0.jpg" alt="Farb-Nr. 916916">
<img class="thumb" src="images/14_0.jpg" alt="Farb-Nr. 916916">
</div>
</td>


... und das CSS so:

table.bildwechsel img.small, table.bildwechsel a img.small{
width: 80px;
border: 1px solid #EAEAEA;
z-index: 0;
}

table.bildwechsel div.hover img.thumb
{
display: none;
position: absolute;
z-index:1;
}

table.bildwechsel div.big_an img.thumb
{display: block;
position: absolute;
top: -222px;
left: 90px;
border: 1px solid #666;
z-index:1;}

 

[HQ82]

Aaaargh,

Lösung selbst gefunden. *Doppelt Tomaten auf den Augen*

Man sollte das div.hover natürlich auch mit position und z-index definieren :)