2 div, под ними сверху полоса градиента

[Edwvyb]

Суть в том, что у меня имеется два блока c содержимым, с ними все нормально, они встали рядом, конечно же при помощи float.

Но есть проблема. Нужно под ними сделать градиент. Там стоит полоска градиента 1px и repeat-x. Когда у блоков center и right стоит Float, чтобы они стояли рядом градиент, установленный на общим div под ними не видно, Ниже градиента будет снова фон. Хочется сделать это используя минимум дополнительных блоков. Чего-то никак..

html - весь контент

<div id="content-holder">
<div id="content">
<div id="center-content">
<h2 class="h2s">Заголовок Center</h2>
</div>
<div id="right-content">Right cont</div>
</div>
</div>

css

#content-holder {
background:url(../img/top-gradient.png) repeat-x;
margin:52px auto;
width:auto;
}

#content {
margin:53px auto;
width:950px;
height:auto;
border:solid 1px #000;
}

#center-content {
width:640px;
height:auto;
border:solid 1px #000;
float:left;
}

#right-content {
float:left;
width:306px;
border:solid 1px #000;
}

То, чего хочу добиться

[Great Rash]

overflow: hidden; родителю или используйте clearfix

[Edwvyb]

overflow: hidden; родителю или используйте clearfix

точно Спасибо большое))