3 divy + repeat bg

zdravim. mam vytvoreny obalovy div container, ktory je zarovnany na stred a mam obrazok ako pozadie, ktore sa opakuje v smere osi x. v tomto obalovom dive mam 2 dalsie divy, left a right. problem je v tom, ze ked mam v napriklad v dive left text dlhy cez celu stranku, tak tam vobec nie je vidiet to pozadie.... pre lepsie pochopenie ukazem...

<div id="container"> -- ked je text tu, tak pozadie je vidiet a pekne sa opakuje...
<div id="left"><h1>lol</h1>asd -- ked je text tu, tak pozadie "containeru" sa neskroluje... nie je tam
</div>
<div id="right">asdasda
</div>
</div>


css:

#container {
width: 651px;
margin: 0px auto;
background-image: url(tile2.gif);
background-repeat: repeat-y;
background-position: center;
}
#left {
float: left;
width: 464px;
padding: 0;
}
#right {
float: right;
width: 187px;
padding: 0;
}

tento problem mi robi len Firefox, v IE to zobrazuje spravne :)
za pomoc vopred dakujem. Jameson

ma tam byt clear, nie clean :) ale uz to ide... velmi pekne dakujem.