Высота слоя = высоте картинки

[aero]

Всех с праздником!

Есть значит слой такого вида:

<div>
Text1
<img class="FLL" src="/pic.gif" width="200" height="200">
Text2
Text3
Text4
</div>

style.css:
IMG.FLL {float:left;}

Все отображается правильно, а именно:

Название новости, а под ним:

слева картинка, справа текст.

только, если высота Text2,3,4 выше высоты картинки.

Вопрос, как сделать, чтобы слой заканчивался по нижнему краю картинки, а не сразу под текстом? (новостей (слоев) много, и картинки разных размеров, текст бэкграунда и цвет слоя разный)

И, бонусный вопрос, к предыдущему. Чтобы еще текст центрировался по вертикали относительно картинки. Но это наверно слишком круто...

Заранее спасибо за возможный ответ

[PaLyCH]

1) Попробуй для DIV поставить свойство overflow:hidden;

2) На счет центровать, не совсем круто. Измени структуру

<div>
<img class="FLL" src="/pic.gif" width="200" height="200">
<div>
Text1
Text2
Text3
Text4
</div>
</div>

И зададим следующие стили

div {overflow:hidden}
div img {float:left}
div div { margin:0 0 0 200px; text-align:center;}

Спасибо, за поздравление

Edited February 23, 2009 by PaLyCH

[aero]

1) Попробуй для DIV поставить свойство overflow:hidden;

зачтено!

div div { margin:0 0 0 200px; text-align:center;}

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

И, бонусный вопрос, к предыдущему. Чтобы еще текст центрировался по вертикали относительно картинки. Но это наверно слишком круто...

остается в силе!