Картинка в dive

[RiG]

Создал рамку из дивов с помощью такого кода

<div class='ram'><div class='ram1'><div class='ram2'><div class='ram3'><div class='ram4'>
содержимое рамки
</div></div></div></div></div>

и соответственно css, в котором прописаны пути к картинкам, составляющим эту рамку, и способ заливки.

.ram{background: url('../images/borderleft.gif') top left repeat-y;}
.ram1{background: url('../images/borderright.gif') top right repeat-y;}
.ram2{background: url('../images/downleftangle.gif') bottom left no-repeat;}
.ram3{background: url('../images/downrightangle.gif') bottom right no-repeat;}
.ram4{background: url('../images/downzalivnews.gif') bottom repeat-x;margin-left:10px;margin-right:10px;padding-bottom:10px}

Но вот проблема. Вставляю в данный контейнер картинку и текст.

<div class='ram'><div class='ram1'><div class='ram2'><div class='ram3'><div class='ram4'>
<div style='float:left; width:48px; height:48px'>
<img src='{THEME}/images/alert.png' width='48' height='48' alt='Внимание' />
</div>
<div style='margin-left:48px;'>Текст</div>
</div></div></div></div></div>

Но рамка растягивается вниз только пропорционально вмещающемуся в неё тексту, игнорирую высоту картинки, которая соответственно выезжает за пределы diva. Ниже скрин. Как решить данную проблему?

Edited March 13, 2011 by RiG

[psywalker]

class='ram4' - вот этому блоку поставь overflow:hidden;

[RiG]

Огромное спасибо. сработало)

[psywalker]

Огромное спасибо. сработало)

Рад был помочь.