pomoc s divi

Mám takovíto html kód:

<div style="border-style: solid; border-color: rgb(0, 0, 0); background-color: rgb(85, 86, 93);>

<div class="article">
<div style="float: right;"> <span style="font-size: small;"> DATUM</span> </div> <div> <h3>Nadpis článku</h3>
</div>

<div class="articletext">
<div style="float: left;"> Obrázek a zároveň odkaz na zobrazení celé novinky </div> <div> Text novinky </div>

</div> </div></div>

V IE se to zobrazuje správně, ale ve firefoxu, když mám širší obrázek než text tak mi ten obrázek přesahuje mimo rámeček toho článku, já už nevím co stím., Nevíte jak to udělat, aby to v tom firefoxu nezlobilo ?

Chci aby se rámeček přispůsoboval velikosti textu nebo obrázku podle toho co je delší, když je delší text tak je to ok, ale když obrázek tak přesahuje mimo oblast rámečku. zkouším to tady : www.24.serial4u.cz/testnovinek.php