DIV Background image not displaying in FF

Question

Hi!
I'm building a floated 3 column DIV layout with a wrapper to center the DIVs. I put a background image in the wrapper to give the appearance of the columns stretching to the bottom of the layout. It displays in IE, but not in FF.
If I give the wrapper a height, the background image shows, but I want the layout to expand as I enter content. My code is below.
I must be missing something. Any tips?
CSS:
#left {
float: left;
width: 200px;
#middle{
float: left;
width: 200px;
#right {
float: left;
width: 200px;
#footer {
background-color: #316262;
float: left;
width: 600px;
clear: both;
#wrapper {
width: 600px;
margin-right: auto;
margin-left: auto;
background-image: url(images/bkg_css_layout.gif);
BODY CODE:
<div id="wrapper">
    <div id="left">Content for "left" Goes Here</div>
    <div id="middle"> Content for"middle" Goes Here </div>
    <div id="right">Content for"right" Goes Here </div>
    <div id="footer">Content for "footer" Goes Here</div>
</div>

Answer 1

Turns out that I couldn't have a float on my footer with clear:both!
FIXED! YEA!