firefox中div的问题

[Aleda]

<style>
body{background-color:black}
</style>
<div style="min-height:200px; background-color:white">
<div style="margin:0px auto; width:92%">
<div style="min-height:300px; width:30%; float:left"></div>
<div style="min-height:300px; width:50%; float:left ">
1<br>2<br>3<br>4<br>5<br>6<br>7<br>8<br>9<br>10<br>11<br>12<br>13<br>14<br>15<br>16<br>17<br>18<br>19<br>20<br>21<br>22<br>
</div>
</div>
</div>
这样的样式在ff中div的背景无法自动拉伸，主要的问题是在float，去掉它问题就没了，但是float在这里是必需的

[烟若辰星]

<style> 
body{background-color:black} 
</style> 
<div style="min-height:200px; width:92%; background-color:white;float:left"> 
<div style="margin:0px auto; width:92%;float:left"> 
<div style="min-height:300px; width:30%; float:left"> </div> 
<div style="min-height:300px; width:50%; float:left "> 
1 <br>2 <br>3 <br>4 <br>5 <br>6 <br>7 <br>8 <br>9 <br>10 <br>11 <br>12 <br>13 <br>14 <br>15 <br>16 <br>17 <br>18 <br>19 <br>20 <br>21 <br>22 <br> 
</div> 
</div> 
</div>