Does anyone know how to fix this?

When I edit a page on Contribute 4, the image background does not cover the
whole div. [see images below]

[url]http://img266.imageshack.us/img266/6509/screen1mv8.jpg[/url]
[url]http://img266.imageshack.us/img266/4892/screen2bd5.jpg[/url]

There's a div there that does that "clear: both" CSS style. When editing, that
"clear float" div actually goes up to the top right of the contain_content div.
The background of the site is black because the footer area is black. The
reason for that is if the page doesn't have enough content, the footer
background which is black extends all the way down.

An excerpt of the structure of the template:
<div id="container">
<div id="contain_content">
<div id="contain_column1">
</div>
<div id="contain_column2">
<!-- InstanceBeginEditable name="Content_Column2" -->
<!-- InstanceEndEditable -->
</div>
<div id="contain_column3">
<!-- InstanceBeginEditable name="Content_Column3" -->
<!-- InstanceEndEditable -->
</div>
<div class="clear_float"></div>
</div>
</div>

An excerpt of the CSS forming the layout:
body
{
padding:0;
margin:0;
background-color:#000;
min-width:900px;
font-family:Arial, Helvetica, sans-serif;
}
#container
{
background: #fff url(/misc/depot/assets/UT/bk_lightgray_gradient.gif) top
left repeat-x;
padding: 0 0 15px 0;
text-align: center;
width: 100%;
border-bottom:15px solid #eee;
}
#contain_content
{
background: #fff url(/misc/depot/assets/UT/bk_lightgray_gradient.gif)
repeat-x;
color:#333;
margin: 0;
padding: 0;
width:900px;
}
.clear_float
{
clear:both;
height:1px;
visibility:none;
}
---- I'm using ----
Adobe Contribute 4
Windows XP Pro + IE6 and IE7
----