problème border avec firefox

[icarex]

bonjour,

j'ai le code ci-dessous

le css

body{
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:small;
margin:0;
padding:0;
background-color:Black;
text-align: center;
}
#conteneur{
position: relative;
width: 800px;
margin-left: auto;
margin-right: auto;
border: 2px solid #FFCC00;
}
#header{
float:left;
width:100%;
height:100px;
background-color:yellow;
}
#centre{
float:left;
width:100%;
background-color:red;
padding-bottom:20px;
}
#pied{
float:left;
width:100%;
height:30px;
background-color:gray;
}

le html

<div id="conteneur">
<div id="header">header</div>
<div id="centre"></div>
<div id="pied">footer</div>
</div>

sous firefox, la bordure colorée n'apparait pas comme si elle n'entourait pas "conteneur".

sous ie6, affichage correct

avez vous une explication et une solution afin de remédier à ce problème ?

d'avance merci

[Country]

Supprime float:left; de #header, #centre et #pied et tout rentrera dans l'ordre