firefox中div+css的外層背景色不見的解決方法

    代碼如下:
    <div>
    <div>header_left</div>
    <div>header_right</div>
    </div>
    .header{width:1000px;background:red;}
    .header .header_left{width:600px;background:green;float:left;}
    .header .header_right{width:400px;background:pink;float:right;}
    .clear{clear:both;}
    這樣的div+css 在ie和chrome中都正常，但是firefox中header的背景色顯示不出來，
    在.header_right標(biāo)簽后面加上 <div></div>，外層的背景色是顯示沒有問題，
    但是 在.header上方出現(xiàn)了去不掉的空行，網(wǎng)上找到的解決方法是，在外層div的css樣式中加上
    代碼如下:
    overflow:hidden;
    結(jié)果確實可以解決問題，但是原因 O(∩_∩)O~ 待查 ......