Коллеги, помогите, плиз!!!

Есть <div>; внутри него картинка, и чего-то написано. Контент формируется динамически, поэтому конкретную высоту <div> не задать. Если текста много, то все Ок! Если текста мало, то картинка по высоте вылазит за границы <div>

<div class="bbb">
<p>
<a href="bbb.html">
<img vspace="0" align="left" height="130" width="104" SRC="/images/bbb.jpg" border="1" />
</a>
<strong><a title="1" href="bbb.html">этих мягких французских булок</a></strong>  </p>
<p>Съешь ещё этих мягких французских булок, да выпей чаю.  Съешь ещё этих мягких
французских булок, да выпей чаю.  Съешь ещё этих мягких французских булок, да
выпей чаю.  Съешь ещё этих мягких французских булок, да выпей чаю.  Съешь ещё
этих мягких французских булок, да выпей чаю</p>
</div>

Добавление в стили "height: auto;" и "overflow: auto;" спасло ситуацию для Opera и Firefox. Однако популярный IE делает высоту <div> по количеству текста, а картинка вылазиет по высоте.

div.bbb
{
    display: block ;
    border: 1;
    height: auto;
    overflow: auto;
}

P.S. Грамотная верстка — подвиг! Уважайте, коллеги, грамотных верстальщиков.