CSS yardım.

Merhabalar,
div içine 2 div koyuyorum sol tarafda resim sağ tarafda ortalanmış şekilde yazı olacak. Haberleri listeletiyorum.
ilk div 600px
resim div 100px, metin dive 500px veriyorum fakat yazı resimin altından başlıyor. Yardımcı olabilir misiniz?


.index_orta_sol
{
width:610px;
height:auto;
float:left;
text-align:center;
}


.index_orta_sol_haber
{
width:610px;
height:auto;
float:left;
}

.index_orta_sol_haber_resim
{
width:100px;
height:100px;
float:left;
}

.index_orta_sol_haber_metin
{
width:400px;
height:50px;
margin-left:10px;
font-size:25px;
font-family:Tahoma, Geneva, sans-serif;
float:left;
}




div class="index_orta_sol_haber">

<?php
$duyuru_cek=mysql_query("select * from duyurular where durum='1' order by sira desc limit 4");
while($duyuru_dizi=mysql_fetch_array($duyuru_cek))
{
?> 

<div class="index_orta_sol_haber_resim">

<img src="lib/images/duyurular/<?=$duyuru_dizi['resim']?>" width="100" height="100">

</div>

<div class="index_orta_sol_haber_metin">


<?php echo substr($duyuru_dizi['aciklama'],0,400); ?><a href="duyuru_detay.php?id=<?=$duyuru_dizi['id']?>"> devamı...</a></li>

</div>


<?php
}
?>
</div>

resmin satırını değiştirip, böyle dene:

<img style="float:left;display:block;width:100px;height:100px" src="lib/images/duyurular/<?=$duyuru_dizi['resim']?>">