Problem With DIV Backgrounds In Firefox

View this site in IE6 then view it in Firefox:
http://yoyoyo89.50webs.com/test2.html

In IE6 the page displays perfectly, but in Firefox the white background of the outer white backgrounded DIV cuts off at a certain point down the page and the text keeps going without the background. How do I fix this? The amount of text in the DIVs is going to change from time to time so I cant have a static “height:px;” css property.

Any help is appreciated!!! :slight_smile:

My Code:

<body bgcolor="#000000;">
<center>

<div style=“background-color:#ffffff; width:700px; height:100%; padding-bottom:50px;”>
<div style=“float:left; color:red;”>TEXT<br />TEXT<br />TEXT<br />etc…</div>
<div style=“float:right; color:red;”>TEXT<br />TEXT<br />TEXT<br />etc…</div>
</div>

</center>
</body>

[COLOR=Red]Never mind I found the solution here:[/COLOR]
http://gtwebdev.com/workshop/floats/enclosing-floats.php