[CSS]float left dla obrazka Opcje

[szczemp]

robię sobie taki mały szablon dla pewnej strony (nie mogę ingerować w kod html bo generuje go jakiś skrypt)
mam do ostylowania taki fragment

[HTML] pobierz, plaintext 
<div class = "wpis">
	<h1>tytuł</h1>
	<span class = "data">2011-11-11 11:11</span>
	<img src = "icons/ikona.jpg" alt = "tytuł"/>
	<p>kawałek tekstu</p>
</div>
[HTML] pobierz, plaintext 

i mam do tego taki css

[HTML] pobierz, plaintext 
.wpis img {
	margin: 0px 15px 10px 0px;
	float: left;
}
.wpis p {
	font-size: 12px;
	line-height: 18px;
	text-align: justify;
}
[HTML] pobierz, plaintext 

możliwości wygenerowania kodu html są trzy:
będzie obrazek i mało tekstu (pierwszy przykład)
będzie obrazek i dużo tekstu (drugi przykład)
nie będzie obrazka (trzeci przykład)

i jest problem z obrazkiem
ma on być po lewej stronie a tekst oblewać go po prawej
niby działa dobrze ale jeśli jest mało tekstu to wychodzi z diva
nie wychodzi z diva jeśli dam mu float: left, ale wtedy nie oblewa go tekst
divowi też nie mogę dać minimalnej wysokości 150px (wysokość obrazka), bo jak jest mało tekstu to kijowo wygląda taka dziura