Ciao a tutti ho questo listato CSS

body{
margin: 0;
padding: 0;
text-align: center;
}

#contenitore{

border: 5px solid black;
width: 800px;
text-align:left;
margin-left: auto;
margin-right: auto;
}

#box1{
float:left;
width: 300px;

}

#box2{
float:left;
width: 400px;

}

e questo HTML

<body>
<div id="contenitore">
<div id="box1">Prova</div>
<div id="box2">Prova2</div>
</div>

In Explorer tutto ok, in Firefox i due box non me li include nel box centrato.
Dove sbaglio?