fotogalerie - divne zarovnavani

Mam fotogalerii, ale nejde mi to poradne zarovnat. Mam fotku a pod ni nejaky text a cely tenhle box ma nastaveno float:left aby se mi to radilo vedle sebe. Tady je muj kod:

.FotoBox {
float: left;
}
.FotoMsg {
background-color: rgb(138,138,138);
border: 1px rgb(99,99,99) solid;
width: 180px;
margin: 0;
}

img.Foto {
border: 1px black solid;
margin: 3px 3px 3px 3px;
}

<div class="FotoBox">
<img src="php_script/nahledJPG.php?foto=<?php echo $row_array["ID"]; ?>" alt="foto" class="Foto" />
<p class="FotoMsg">
<?php echo $row_array["FotoTxt"]; ?>
</p>
</div>

takhle to vypada:
http://ajaja.wz.cz/o1.JPG

a takhle bych chtel aby to vypadalo(je to upraveny predchozi obrazek):
http://ajaja.wz.cz/o2.JPG

Porati mi prosim nekdo jak to udelat?