firefox中div的问题

<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在这里是必需的