liste will nciht so wie ich

[peter]

hallo zusammen,
ich sitze hier wie die axt vorm walte und komme nicht weiter.
ich hab eine liste in der bilder in li´s eingeschlossen sind. alle haben sie selbe größe. da ich die bilder nebeneinander haben möchte hab ich die lis display: inline gesetzt. es sind aber so viele bilder, dass die liste am ende des divs umbrechen sollen.
jetzt kann ich natürlich den abstand nach unten nicht mehr definieren.
kann mir jemand sagen auf was ich display setzen muss damit es klappt?
hier mein code:

  
<div id="mainContent">  
  
       <ul>  
       	  
        <li><a href="#"><img src="img/url_img/test.gif" alt="15.10.2009" title="15.10.2009" /></a></li>  
        <li><a href="#"><img src="img/url_img/test.gif" alt="15.10.2009" title="15.10.2009" /></a></li>  
        <li><a href="#"><img src="img/url_img/test.gif" alt="15.10.2009" title="15.10.2009" /></a></li>  
        <li><a href="#"><img src="img/url_img/test.gif" alt="15.10.2009" title="15.10.2009" /></a></li>  
        <li><a href="#"><img src="img/url_img/test.gif" alt="15.10.2009" title="15.10.2009" /></a></li>  
        <li><a href="#"><img src="img/url_img/test.gif" alt="15.10.2009" title="15.10.2009" /></a></li>  
        <li><a href="#"><img src="img/url_img/test.gif" alt="15.10.2009" title="15.10.2009" /></a></li>  
....  
      </ul>  
  
  

  
#mainContent ul {  
		margin: 0;  
		padding: 0;  
		}  
	  
	#mainContent li {  
		list-style-type: none;  
		display:inline;  
		margin: 0 6px 100px 0;  
		padding: 0;  
		color: #666666;  
		  
		}  

wäre super wenn mir jemand weiterhelfen kann.
grüße
peter