css te div içindeki resim taşıyor...

div içine resim ekliyorum. resimin yanında yazı da var. ama div içindeki resim dışarı taşıyor. nasıl düzeltebilirim acaba.



css kodları:
.projedis
{
border: 1px solid #666;
position:relative;
margin:10px;
width:230px;
}
.projebaslik
{
width:220px;
border: 1px solid #666;
margin-bottom:4px;
font:Tahoma, Geneva, sans-serif 12px;
font-weight:bold;
padding:3px;
position:relative;
}
.projeaciklama
{
width:230px;
font:Verdana, Geneva, sans-serif 8px ;
padding:3px;
position:relative;

}
.projeaciklama img
{
margin:4px;
position:relative;
}


bu html kodu
<div class="projedis">
<div class="projebaslik"><a href="../elif.php">Elif</a></div>
<div class="projeaciklama"> <img src="../images/proje2.jpg" width="100" height="81" align="left" /> Elif Kız'ın yetişkinlere bile ibret verici hikayesi..</div>
</div>

hocam öncelikle css de eksikler var onları gider derim
.
1. tüm div lerde width değeri var fakat HEIGHT değeri yok. yükseklik değeri belirtmediğin içinde bir şekilde resimler kadar boyut değişiyor
2. div lerin taşma durumuna göre alacağı değerleri de CSS içinde belirtmen gerekiyor. (overflow:???) taşma varsa ne yapacak ? otomatik size değişecekmi? yada gizlieyecek mi bunu da belirtmen gerekiyor.
3. tavsiyem resim içinde ayrı bir div oluştur. onun değerlerini de belirt. çok daha düzenli bir yapı olur.
.
buyrun bu da geniş özeti
.
konu anlatımı
http://www.hakankara.net/htm/ders6/overflow.htm
.
örnek
http://www.hakankara.net/htm/ders6/orne ... erflow.htm

tşk ederim
deneyeceğim

Resim için position:relative yerine float:left; özelliğini kullanın ve ayrıca yazıdan sonra örneğin <br style="clear:both;" /> şeklinde clear:both özelliği verilmiş bir etiket kullanın. www.fatihhayrioglu.com sitesindeki hata çözümlerini inceleyiniz.