# Problem With DIV Backgrounds In Firefox

**URL:** <https://forum.kirupa.com/t/problem-with-div-backgrounds-in-firefox/296789>\
**Category:** web dev\
**Created:** [September 20, 2009, 5:44pm UTC](https://forum.kirupa.com/t/problem-with-div-backgrounds-in-firefox/296789 "2009-09-20T17:44:49Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![cocoapuff](https://avatars.discourse-cdn.com/v4/letter/c/b9bd4f/32.png) [@cocoapuff](https://forum.kirupa.com/u/cocoapuff)\
**Post date:** [September 20, 2009, 5:44pm UTC](https://forum.kirupa.com/t/problem-with-div-backgrounds-in-firefox/296789/1 "2009-09-20T17:44:49Z")

</div>

View this site in IE6 then view it in Firefox:  
[http://yoyoyo89.50webs.com/test2.html](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!!! 🙂

**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](http://gtwebdev.com/workshop/floats/enclosing-floats.php)**