Доброго времени суток!

на моем сайте используется такой html-скелет:

<div id="info">
<div id="info_left2><div>
<div id="info_content">
<p>текст</p>
</div>
</div>


и css:

#info
{
margin-top: 10px;
clear: both;
height: 143px;
width: auto;
background: #E0E1D3 url("right.gif") right no-repeat;
padding-right: 20px;
}

#info_left
{
width: 66px;
height: 143px;
background: url("left.gif") left no-repeat;
float:left;
}

#info_content
{
padding: 20px 40px 10px 40px;
width: 80%;
height: 83px;
float:right;
}

Картинки left.gif и right.gif - однотонные изображения цвета фона (цвета #E0E1D3), обрамляют текст слева и справа

Приходится подстраивать вертикальный размер такого блока с текстом в зависимости от разрешения. А хотелось бы чтобы блок тянулся вниз в зависимости от наполнения текстом. Но если жестко не задать высоту блока - не отрисовывается фон и фоновая картинка... Это нормально? Можно ли заставить браузер рисовать фон блока, если его высота не задана?