Html <div> imbriquées

Bonjour,

j'ai un souci avec des div... je suis en train de faire le header qui doit contenir une div de gauche et une div de droite. La div de droite doit elle encore contenir deux divs :

voici mon fichier css :

#page {
width:1000px;
height:650px;
text-align:left;
margin:0 auto;

background:#000000;
}

#header {
width:1000px;
height:200px;

background:#333333;
}

#subheader_left {
width:300px;
height:200px;

background:#555555;
}

#subheader_right {
width:700px;
height:200px;

background:#777777;
}

#subheader_right_top {
width:700px;
height:75px;

background:#555FFF;
}

#subheader_right_bottom {
width:700px;
height:125px;

background:#555000;
}

Et le fichier index.php :

<div id="page">
<div id="header">
<div id="subheader_left">
</div>
<div id="subheader_right">
<div id="subheader_right_top">
</div>
<div id="subheader_right_bottom">
</div>
</div>
</div>
</div>

Je ne sais vraiment pas pourquoi mais la div subheader_right ne se trouve pas dans le header... mais dessous... et j'ai beau eu chercher... je n'ai pas trouvé de solution..

Quelqu'un peut-il m'aider? Merci d'avance

Configuration: Mac OS X
Firefox 3.0.5