float problemer

Jeg har en ramme med noe innhold. Innholdet er et bilde og to tekstfelt. Om bildet er smalt nok skal teksten vises på høyre side av bildet. Er bildet bredere, vil teksten vises under bildet. Dette har jeg løst slik:

<div style="border: solid 2px black; overflow: auto;">

        <div style="float: left;">
        <img src="dummybilde-ny.gif" alt="" border="0">
    </div>

    <div>
        <div class="tekst">Overskrift</div>
        <div class="tekst">Tekst</div>
        </div>

</div>

Problemet mitt er at når bildet er så smalt at teksten ligger på høyre side, og lenger enn teksten, flyter bildet ut av rammen i den første <div>'en. Jeg ønsker at alt innholdet skal vises innenfor rammen. overflow: auto; gjorde at det fungerer som ønsket i Opera 8.5, men i IE fungerer det ikke.

Noen som har forslag til hvordan dette kan gjøres?

//andersjo