Problem Z Css

[leshqo]

Mam 2 zagnieżdżone divy, kiedy tekst jest na tyle długi że jest wyższy od zdjęcia, wszystko jest ok i div rozciąga się pionowo, kiedy natomiast zdjęcie jest wyższe od tekstu to wychodzi za diva i za nic nie mogę sobie z tym poradzić

 

Oto html:

echo'<div class="post">';echo'<h1 class="title">Co nieco o sobie</h1>';echo'<p class="byline"><small>30.10.2007 : Leszek</small></p>';   echo'<div class="entry"><img src="skin/main/images/zdjęcie.jpg" alt="Zdjęcie" width="200" height="400" class="right" />';   echo'<p> Tu jest tekst o którym mowa</p>';   echo'</div>';echo'<p class="links"><a href="'.$PHP_SELF.'?sect=about&cat=null">Więcej o mnie</a></p>';echo'</div>';

i css jeszcze

 

img.left {	 float: left;	 margin: 4px 20px 0 0;}img.right {	 float: right;	 margin: 4px 0 0 20px;	 }#content {	 width: 740px;	 margin-right:10px;	 float:right;}.post {	 margin-bottom: 15px;	 background: #1EB5DD url(images/5post.gif) no-repeat;	 color: #0A416B;	 position:relative;}.post .title {	 margin: 0;	 padding: 30px 30px 0 30px;}.post .byline {	 margin: 0;	 padding: 0 30px;}.post .entry {	 padding: 20px 30px 10px 30px;	 min-height: 300px;	 height:auto !important;}.post .links {	 margin: 0;	 padding: 10px 30px 35px 30px;	 background: url(images/6link.gif) repeat-x left bottom;	 border-top: 1px solid #2872A6;}

[SGJ]

clear:left za tekstem.

 

I po co ci wyrzucanie takich ilosci 'czystego' htmla przez echo?