Site web avec des div et css sur Firefox

Bonsoir à tous et à toutes,

J'ai pus finaliser une mise en page de mon site web http://nidhall.free.fr/, avec des div et un css celui ci marche très bien sur Internet explorer, par contre sur firefox les div sont placés différemment, la div menu qui est en rose se place sur explorer complètement à droite de la div contenu comme je le souhaite, mais sur firefox la div menu se place sous la div contenu
avez-vous une solution pour régler cela? mon css à le code suivant :

div{
text-align:center;
color:#FF6699;

}
div#bandeau {
width:100%;
height:50px,
background-color:#00CCFF;
}
div#bandeau_haut {
width:100%;
height:25%;
background-color:white;
}
div#bandeau_bas {
width:100%;
height:5%;
background-color:#CC99CC;
}

div#menu {
float:right;
width:10%;
height:625px;
background-color:#FF6699;
}
div#contenu {
float:left;
width:90%;
height:50%;
background-color:white;
}
div#pied_page {
position:relative;
clear:both;
width:100%;
height:1%;
background-color:#CC99CC;
}