Помогите разобраться с float

[web_body]

Здравствуйте! пожалуйста помогите разобраться с задачкой с которой мне пришлось столкнуться. Задача тривиальная, создать блок в котором будут ещё два блока.Вопрос в следующем, почему при увеличении текста в левом блоке блок включающий его не увеличивается, а текст залезает на следующий блок.А ведь по идеи фон должен растягиваться вместе с вложенным в него блоком

http://savepic.su/535000.htm

<div id="content">
<div class="container_content">
<div id="main">"On the other h...</div>
 <div id="sidebar">...</div>
</div>
</div>

http://savepic.su/543194.png

Заранее благодарен.

Edited October 28, 2011 by web_body

[psywalker]

Поставь overflow: hidden; родителю.

[web_body]

psywalker спасибо вам большое, все сработало

[web_body]

А вот ещё вопрос, может посоветуете что-нибудь,со всеми этими же кодами, при уменьшении размера окна браузера, верстка рушится и правы блок улетает под левый, как бы это предотвратить

[ceil100]

минимальную ширину родительскому блок задать

[web_body]

ceil100 Спасибо)