Text nach einer Liste nicht darunter

[Benni2]

Hallo zusammen!

Folgendes Problem:
Ich habe mehrere kleine Bilder, die ich nebeneinander ausrichten möchte. Zur besseren Übersicht möchte ich sie in Boxen mit einer einheitlichen Größe bringen, da sie unterschiedliche Höhen haben. Hierfür dachte ich, ist es am besten, die Bilder in eine Liste zu packen und die Unterpunkte (li) in Boxen zu formatieren. Folgender Code gehört dazu:

.prebild li {  
width: 130px;  
min-height: 120px;  
background-color: #F5F5F5;  
text-align:center;  
vertical-align:middle;  
color: #000;  
font-size:10px;  
border-style: dashed;  
border-width: thin;  
float: left;  
list-style-type: none;  
margin-right: 2px;  
}

und

<div class="prebild">  
<ul>  
<li><a id="res_94" href="http://nooster.no.funpic.de/lifetype-1.2.8/gallery/1/ubuntu%20gutsy.jpg"><img src="http://nooster.no.funpic.de/lifetype-1.2.8/gallery/1/previews/ubuntu%20gutsy.png" border="0"></a><br>  
Ubuntu Gutsy</li>  
<li>  
  
<a id="res_95" href="http://nooster.no.funpic.de/lifetype-1.2.8/gallery/1/ubuntu%20hardy.png"><img src="http://nooster.no.funpic.de/lifetype-1.2.8/gallery/1/previews/ubuntu%20hardy.png" border="0"></a><br>  
Ubuntu Hardy</li>  
<li>  
  
<a id="res_96" href="http://nooster.no.funpic.de/lifetype-1.2.8/gallery/1/ubuntu%20intrepid.png"><img src="http://nooster.no.funpic.de/lifetype-1.2.8/gallery/1/previews/ubuntu%20intrepid.png" border="0"></a><br>  
Ubuntu Intrepid</li>  
</ul>  
</div>  
<p>Hier ist der nachfolgende Text...</p>

Ergebnis:
http://nooster.no.funpic.de/lifetype-1.2.8/gallery/1/Listenproblem.png

Dabei entsteht folgendes Problem: Wie im Screenshot zu erkennen ist, wird der folgende Text nicht DARUNTER, sondern DANEBEN angezeigt. Ich weiß nicht, wie ich das beheben kann!
Bitte Helft mir.

Gruß Benni