DIV background

programming web dev
1

Hi … before I shoot myself, I have made a DIV with a coloured Background. Inside this Div are two Floating DIVs ([one floats left, width:50%],[the other one floats Right, width:50%]). Great.
I dont want my text (in the two floating Divs) to just float… I want the background of the containing Div to adjust to their height, so that it has a filled background!
What Am I doing wrong.?
look at my css please!
nb. footer is the containing div of the content divs (fleft and fright) …

#footer {
    padding:50px 10px 10px 10px ;
    color:#CFF;
    background: #1b0d01;
}
#fleft{
    width:50%;    
    float:left;
}
#fright{
    text-align:right;
    float:right;
    width:50%;
}

Help would be appreciated!
the source in the html looks like:

<div id="footer">
 <div id="fleft">Special Thanks to:</div>
 <div id="fright">Sponsors of the 2008 Tour:</div>
</div>