Problema CSS

Salut!
Am o problema cu unul din div-uri, acesta apare mai jos decat normal si toate incercarile pe care le-am facut au esuat.

Asta e HTML-ul: http://pastebin.com/m24d8fb4
Iar asta e CSS-ul: http://pastebin.com/dd3023dd

Problema e la clasa .bottombox-content, div-ul respectiv se duce mai jos decat div-ul cu clasa .bottombox-container, in care acesta e inclus.

Am incercat si cu pozitionare relativa, si absoluta, si margin... nu a mers.
Ma puteti ajuta?

Asta e varianta gresita, pe care o am acum: http://img252.imageshack.us/my.php?image=gresithy9.jpg
Asta e varianta corecta, care nu-mi iese: http://img15.imageshack.us/my.php?image=corectpt6.jpg

Mersi!

Correct me if I'm wrong:

.bottombox-container {height:106px;}
IN div-ul .bottombox-container BAGI:
<div class="bottombox-left"></div>
<div class="bottombox-right"></div>
<div class="bottombox-gradient"></div> {height:106px;}
dupa care mai bagi:
.bottombox-content

Problema:
.bottombox-container este ocupat pe toata inaltimea de:bottombox-gradient
iar cand bagi .bottombox-content, deja ala vine in "afara" lui .bottombox-container

Comprende?

A mers cu pozitionare relativa dupa ce am facut clear: both. Nu prea inteleg proprietatea asta, dar o vad pusa peste tot intr-o clasa "clearfix".

vezi ca tu ai o problema, fixu tau e posibil sa nu se afiseze corect pe viitor sau pe anumite browsere pentru ca folosesti un principiu ne-ortodox:
ai un container care are un height fix, in el bagi in div (gradient) cu height egal cu containeru PLUS divu content, asta inseamna ca practic containeru e ocupat de cineva si tu mai inghesuiesti acolo inca ceva in plus.

proprietatea clear:
http://www.w3schools.com/Css/pr_class_clear.asp

In general e folosita dupa elemente cu float pentru a anula floatul pentru elementele urmatoare.

Am inteles acum! :D Mersi!