background wil niet repeaten in FF

Hallo allemaal,

Ik heb een website bestaande uit 1 container met daarin drie divs naast elkaar. Elk van deze container heeft zijn eigen background image maar ook de container heeft een beackground image.

Div 1 is de sidebar
Div 2 is margin
Div 3 is content

Als de content toeneemt wordt de achtergrond van div 1 perfect ge-repeat maar de achtergrond van de container moet ook repeaten. Dit werkt in IE maar niet in FF. Als ik de container een height meegeef van bijvoorbeeld 1000px; repeat hij wel de achtergrond tot die 1000px; maar ik weet nooit van te voren hoe veel content ik heb. Dit is mijn css:

CONTAINER:
div#content
{
margin: 0px;
padding: 0px;
width: 1000px;
float: left;
background-image:url('images/crumbled_paper.gif');
background-repeat:repeat-y;
}

DIV 1:
div#sidebarleft2
{
margin: 0px;
padding: 0px;
width: 200px;
height: 628px;
float: left;
background:#FFFFFF;
background-image:url(images/sidebar_left2.jpg);
}

DIV 2:
div#content_margin
{
margin: 0px;
padding: 0px;
width: 10px;
height: 628px;
float: left;
background-image:url(images/content_margin.jpg);
}

DIV 3:
div#content5
{
margin: 0px;
padding: 0px;
width: 790px;
height: 628px;
float: left;
}

(de background image van deze div is opgenomen in een table)

Alvast bedankt voor de reacties.

Gr,
Robert