解決firefox下div的background無效的問題

在一個大的div裡有2個橫列(DIV)，並且在大的div裡加入背景圖片。可是改好後，在Firefox下卻無法正確顯示背景圖片。代碼是這樣的：

1.HTML(樣本)：

<div id="footer">
<div id="footer_left">Content1</div>
<div id="footer_right">Content2</div>
</div>

2. CSS:
#footer {
width:730px;
background-image: url(../images/bg.jpg);
background-repeat: repeat-y;
}
#footer_left {
float:left;
width:230px;
}
#footer_right{
float:left;
width:500px;
}

這是因為你的#footer_left 和#footer_right加了float:left，在FF裡如果裡面的元素加了float:left（right),它就不會被撐開的，也就是說的它的高度是0，如果正常顯示，必須加上：overflow:auto,即：#footer {
width:730px;
background-image: url(../images/bg.jpg);
background-repeat: repeat-y;
overflow:auto；
}