erntedank: Internet Explorer und Umbruch in 100% Div

Hallo und guten Morgen!

Ich hab' ein 100% breites Div mit 10 Divs als Inhalt mit jeweils einem Image und Safari und Mozilla schieben die Bilder schön übereinander wenn die Divs zu klein werden, während unser aller F... (zum Selbsteinsetzen) Internet Explorer mir den Scheiß umbricht, sprich bis zu zehn Bilder untereinander statt _über_einander.

.l { width:100px; height:70px; }

<div style="position:absolute; top:0; left:0; width:100%; height:auto; overflow:hidden; z-index:0; white-space:nowrap;">
 <div style="float:left; width:10%; height:105px; text-align:center;"><img class="l" src="l.png" alt="" /></div>
 <div style="float:left; width:10%; height:105px; text-align:center;"><img class="l" src="l.png" alt="" /></div>
 <div style="float:left; width:10%; height:105px; text-align:center;"><img class="l" src="l.png" alt="" /></div>
 <div style="float:left; width:10%; height:105px; text-align:center;"><img class="l" src="l.png" alt="" /></div>
 <div style="float:left; width:10%; height:105px; text-align:center;"><img class="l" src="l.png" alt="" /></div>
 <div style="float:left; width:10%; height:105px; text-align:center;"><img class="l" src="l.png" alt="" /></div>
 <div style="float:left; width:10%; height:105px; text-align:center;"><img class="l" src="l.png" alt="" /></div>
 <div style="float:left; width:10%; height:105px; text-align:center;"><img class="l" src="l.png" alt="" /></div>
 <div style="float:left; width:10%; height:105px; text-align:center;"><img class="l" src="l.png" alt="" /></div>
 <div style="float:left; width:10%; height:105px; text-align:center;"><img class="l" src="l.png" alt="" /></div>
</div>

Was kann ich tun?

Danke, e.

  1. Hi,

    der IE will Dir doch nur helfen..;-)
    Er sieht, daß die Bilder nicht in die DIVs passen und kann sich natürlich nicht denken, daß eine Überlagerung erwünscht ist - die meisten Leute würden hier wohl auch eher einen Fehler in der Breitenangabe gemacht haben.

    freundliche Grüße
    Ingo