Hilfe bei CSS float Einstellungen

[FireFlyer]

Kann mir jemand helfen, denn ich komm mit dem float nicht zurecht. Hier ist das Problemkind. Der Text soll um das Bild fließen, was er ja auch macht, aber das Bild soll sich im DIV news aufhalten und nicht darüber hinaus gehen.

Hab schon so viel probiert mit float und clear. Ich komm einfach nicht weiter.

Bin für Hilfe dankbar!

[pawel]

Statt diesem Markup:

QUELLTEXT

<div class="news">
<div class="news-title">Test 2</div>
<div><img src="http://www.fcbayernfanclub-merkendorf.de/cms/fcb/media/img/news/2011/on-tour_cms_thumb.jpg" style="float: left; margin: 5px;" alt="" height="100" width="78" border="1"  />
</div>
<div class="news-teaser">Zwei ausgelaugte Kriegskameraden landeten 1945 oder 1946 in einem Entlassungs-lager der Briten in Merkendorf/Ostsee. Der Eine war aus Merkendorf/Bamberg und freute sich sicherlich, endlich nach Franke... - <a href="42a1066fd0939b87ddbd89aacb665d3c/der-verein/news.html&amp;nid=4">weiterlesen</a></div>
<div class="news-views"><small>15 x gelesen</small></div>
</div>

wäre das sicher sinnvoller:

QUELLTEXT

<div class="news">
<h2>Test</h2>
<p><img  src="" /> ..</p>
<p class="read">15x gelesen</p>
</div>

bzw. du nutzt die neuen Elemente von HTML5.