Kein Zeilenumbruch im Scrollbaren Div

[luc]

Hallo,

ich habe folgenden Div mit 3 Bildern drinnen:

  
<div id="roll1">  
  <div><a href="#"><img src="img/special2.gif" width="306" height="136" alt="" /></a></div>  
  <div><a href="#"><img src="img/special3.gif" width="306" height="136" alt="" /></a></div>  
  <div><a href="#"><img src="img/special4.gif" width="306" height="136" alt="" /></a></div>  
</div>  

CSS:

  
#roll1 { width:306px; height:136px; overflow:scroll; }  
#roll1 div { float:left; }  

Diese Bilder sollen nun nebeneinander angezeigt werden, sodass der User nach rechts und links innerhalb des Divs scrollen kann. Allerdings werden die Bilder alle untereinander angezeigt, sodass man nach oben und unten scrollen muss.

Hat jemand einen Lösungsvorschlag?

Danke,
luc