Не изменяется высота родительского DIV-контейнера

[Ахиллес]

Всем привет! Столкнулся со следующей проблемой:

-имеется родительский DIV контейнер middleMainBlock

#middleMainBlock{
position:relative;
border: 4px double black;
margin: 0 auto;
width:900px;
background:#bffac1;
top:-35px;
}

-имеются два DIV-ребенка этого контейнера lb и rb

#lb{
float:left;
width:513px;
height:auto;
background: #9dfaa1;
}

#rb{
float:right;
width:367px;
height:auto;
background: #9dfaa1;
}

lb и rb расположены в горизонтальный ряд с помощью float'a. Загвоздка заключается в том, что высота родительского контейнера не изменяется в зависимости от высоты его содержимого, т.е. высоты rb и lb Кто подскажет в чем может быть дело?

[Great Rash]

Родителю overflow: hidden;

[Ахиллес]

Родителю overflow: hidden;

Спасибо. Помогло. Еще как способ решения вижу добавление пустого контейнера clear:both; Но Ваш способ, наверняка, правильнее.

[psywalker]

Спасибо. Помогло. Еще как способ решения вижу добавление пустого контейнера clear:both; Но Ваш способ, наверняка, правильнее.

Да, его способ правильнее