Ребят помогите разобраться с float и background. Как то они не всегда совместимы, по моему.
Такая ситуация. Родительский контейнер, свойства:

#my_content {
width:950px;
position: relative;
background:url(images/content_fon.png) repeat;
margin:0 auto;
margin-top:100px;
min-height:100%;
}

В нем еще 2 контейнера:

<div id="content_left" class="png">
			</div>
			<div id="content_right">
			</div>

У них свойства:

#content_left {
float:left;
margin-left:67px;
width:260px;
background:#ccc;
min-height:100%;
}
#content_right {
float:left;
width:600px;
background:#fff;
min-height:100%;
}

Так вот при таком раскладе не видно background родительского элемента: background:url(images/content_fon.png) repeat;. Он становится виден, если жестко прописать к нему высоту, например: height:600px;
Если убрать float:left; у дочерних элементов, background становится виден. Но тогда не получается 2 колонки))
Как быть в данной ситуации? На самом деле буду очень благодарен!
Да, сразу скажу, убрать у родительского position:relative не получится, он нужен по-любому.

родителю
overflow: hidden
тогда он будет растягиваться по высоте в зависимости от содержимого, учитывая float


_____________
"internet explorer всех правильней отображает страницы" ©

Спасибо большое, выручили! Надо почитать про этот overflow, никогда не пользовался, к своему стыду.