jak wyrównać obrazki, żeby były na równo z tekstem obok?



mój kod wygląda tak:

[PHP] pobierz, plaintext 
// Wyswietlanie kategorii glownych.
					while ($cat = mysql_fetch_assoc($getCat)) {						
						// Pobieranie obrazkow z danej kategorii (po kolei wg. kategorii)
						$getImages = mysql_query("SELECT * FROM `gallery` WHERE `cat` = '".$cat['id']."' ORDER BY `id` DESC LIMIT 3");
 
						// Wyswietlanie kategorii.
						echo '<div style="float: left; width: 540px; z-index: 200; position: relative; vertival-align: top;"><h3><a href="galeria,'.$cat['id'].'-'.codeUrl($cat['name']).'.html"><img src="../images/li_image.png" alt="" /> '.$cat['name'].'</a></h3></div>';
						echo '<div style="float: left; margin-right: 35px; z-index: 202px;"><br />'.$cat['desc'].'</div>';
						echo '<div style="clear: both;"></div>';
 
						// Wyswietlanie obrazkow z kategorii.
						echo '<ul class="gallery" style="vertival-align: top;">';
						while ($img = mysql_fetch_assoc($getImages)) {
							echo '<div class="photo"><a href="galeria,'.$cat['id'].'-'.codeUrl($cat['name']).'.html"><img src="'.PAGE_ADRESS.$img['thumb'].'" alt="'.$img['title'].'" /></a></div>';
						}
						echo '</ul><div style="clear: both;"></div>';
					}
[PHP] pobierz, plaintext 

css:

[HTML] pobierz, plaintext 
.dGallery h3 { margin: 0; padding: 5px 5px 5px 20px; }
 
.dGallery .photo {
	width: 145px;
	height: 145px;
	display: inline-block;
	float: left;
	margin: 5px;
	border: 1px solid green;
}
[HTML] pobierz, plaintext 

z góry dzięki za pomoc

Słowo kluczowe: float

Nie wiem jak to tam głębiej idzie, ale jak dla mnie skopane jest coś z clear;

no właśnie nie, chyba że nie wiem w które miejsce to wstawić. próbowałem już tak robić i ciągle jest to samo. z clear jest na pewno wszystko dobrze, bo próbowałem i bez tego to robić, a efekt ciągle taki sam...

Pokaż to na żywo.

[HTML] pobierz, plaintext 
<div MAIN style="width: 900px;">
 
<div LEFT_1 style="float: left; width: 400px; ">
   Tutaj leci galeria czy coś tam.
</div>
 
<div LEFT_2 style="float: left; width: 400px; margin: 0 0 0 20px;">
   Tutaj leci druga część, tekst.
</div>
 
<div style="clear: both;"></div>
</div>
[HTML] pobierz, plaintext 

już sobie poradziłem... nie wiem jakim cudem, ale po nadaniu szerokości zaczęło działać.

dzięki za pomoc.