z-index im Internet Explorer 6

[netzy]

[gelöst] z-index im Internet Explorer 6

Hallo,
ich habe eine kleine Bildanimation im Header eingebaut und die Bilder mittels z-index positioniert. Im IE7,8, FF wechseln die Bilder wunderbar und wenn kein JS aktiviert ist, bleiben die hinteren Bilder verdeckt.

Außer beim Sorgenkind IE6 dort werden die Bilder untereinander dargestellt?!
Wer weiß Rat? Thx!

#teaser-left
{
    width: 594px;
    height: 275px; 
    float: left; 
    position: relative;
    z-index:-1;
}

#teaser-left img
{
    width: 100%; 
    height: 100%;
}

<div id="teaser-left">
   <img src="/images/show1.png" alt="Bild" title="Bild" />
   <img src="/images/show2.png" alt="Bild" title="Bild" />
   <img src="/images/show3.png" alt="Bild" title="Bild" />
</div>

 

[timbouu]

Versuche es mal damit:

#teaser-left
{
    width: 594px;
    height: 275px; 
    float: left; 
    overflow: hidden;
    position: relative;
    z-index:-1;
}

Vielleicht kann es auch schon helfen, dem z-index einen positiven Wert zuzuordnen, das mag der IE 6 meines Wissens nicht so gerne, wenn der Wert negativ ist.

 

[netzy]

leider hat das nicht geklappt! :(

 

[timbouu]

Hast du mal eine Onlineversion? Dann kann ich schauen, wo der Fehler liegt.

 

[netzy]

pm ist raus

 

[netzy]

Lösung von timbouu

Dem div ein

overflow: hidden;

hinzufügen!