Internet Explorer und Umbruch in 100% Div

[erntedank]

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.