height:100%; sorunu

Direk resimle anlatayım.



Bu iki kutuyu çevreleyen bi div'im var.Yükseklikleri eşitlemek istiyorum.. height:100%; kullanıyorum etkilemiyor bile , nette dökümanlar buldum , body bölümüne height:100%; ekleyince çalışır diyorlar ama ben yine çalıştıramadım.

Table kullanmak istemiyorum , css ile yapma imkanımız varmı.

Kodlarıda koyayım

<div style="border:1px solid #cccccc;">
<div id="avatar" style="border:1px solid #cccccc;float:left; font-size:0.8em; line-height:17px;  padding-top:20px; text-align:center; width:160px; ">

<img src="<?=$avatar;?>"><br>
<? echo "&nbsp;".$nick;?><br>
Durum&nbsp;:&nbsp;&nbsp;&nbsp;<?aktif_mi($kim);?><br>
Mesajlar&nbsp;:&nbsp;&nbsp;<?=$yorum;?><br>
Şehir:&nbsp;<?=$il;?>

</div><div style="border:0px solid #ccc;  font-size:0.8em; padding-left:10px; width:495px; float:left;">

bir yağmurum,uzakta durun
kaybolmayan bir aşkım var
hiç korkmadan yürekten vurun
taştan da sert bir kalbim var
bana bu da geçer de,geçebilirim.
hayat onu çeker de ,çekebilirim
umarım bu ayrılık sonumuz olur,
yaşa göre geçer de geçebilirim.



</div>

<div style="clear:both;">&nbsp;</div>

</div>

Sanırım float yüzünden bir taşma söz konusu? eğer öyleyse iki div den sonra <p style="clear:both;"></p> kodunu kullanırsanız taşma giderilir...

2 div'den sonra clear:both; kodum var hocam. bayadır uğraşıyorum

Sanırım istediğin bu:

<div style="border:1px solid #cccccc;">
<div id="avatar" style="border:1px solid #cccccc;float:left;margin-bottom:-20px; font-size:0.8em; line-height:17px;  padding-top:20px; text-align:center; width:160px; ">
<img src="<?=$avatar;?>"><br>
<? echo "&nbsp;".$nick;?><br>
Durum&nbsp;:&nbsp;&nbsp;&nbsp;<?aktif_mi($kim);?><br>
Mesajlar&nbsp;:&nbsp;&nbsp;<?=$yorum;?><br>
Şehir:&nbsp;<?=$il;?>
</div><div style="border:0px solid #ccc;  font-size:0.8em; padding-left:10px; width:495px; float:left;">
bir yağmurum,uzakta durun
kaybolmayan bir aşkım var
hiç korkmadan yürekten vurun
taştan da sert bir kalbim var
bana bu da geçer de,geçebilirim.
hayat onu çeker de ,çekebilirim
umarım bu ayrılık sonumuz olur,
yaşa göre geçer de geçebilirim.
</div>
<div style="clear:both;">&nbsp;</div>
</div>