css: плавающее изображение слева - проблема

я пытаюсь сделать что-то вроде:

--------------------------------------------
| --------- text text text text text text  |
| | image | text text text text text text  |
| |       | text text text text text text  |
| |       | text text text text text text  |
| --------- text text text text text text  |
| text text text text text text text text  |
| text text text text text text text text  |
--------------------------------------------

разметка должна быть правильной:

<div>
    <img src='myimage.jpg' style='float:left;'>
    tex text text ..
</div>

проблема в том, что если текста немного, изображение будет "выплывать" из контейнера div, что выглядит так:

--------------------------------------------
| --------- text text text text text text  |
| | image | text text text text text text  |
|_|       |________________________________|
  |       |
  ---------

есть идеи, как это исправить? единственное решение для меня кажется установкой минимальной высоты контейнера div. Спасибо