pb de CSS de <DIV>

Bonjour,

Je cherche a faire un truc tout bete.
je veux qu'une <div> contienne 2 autres qui se tiennent cote a cote.
bon, avec un tableau, c'est tres simple. je mets une <table> avec une ligne et 2 colonnes dans ma <div>.
mais bon, j'essaye de tout faire avec les DIV....

alors j'ai fait ca:
Code:

1 2 3 4 5 6 7 8 9 10 11 <body> <div style="background-color:gray;"> div conteneur <div style="background-color:red;width:300px;float:none;"> div rouge </div> <div style="background-color:yellow;width:300px;float:right;"> div jaune </div> </div> </body>
mais c'est pas bon parce que ma DIV jaune passe sous le conteneur GRIS.
comment faire pour avoir mes DIV jaune et rouge dans la GRISE avec la ROUGE a gauche et la Jaune a droite ?

je precise que je ne peux pas utiliser de propriété HEIGHT pour la DIV grise.

merci pour votre aide !

Code:

1
2
3
4
5
6
7
8
9
10
11
<body>
<div style="background-color:gray;">
   div conteneur
   <div style="background-color:red;width:300px;float:left;">
   div rouge
   </div>
   <div style="background-color:yellow;width:300px;float:none;margin-left: 600px;">
   div jaune
   </div>
</div>
</body>

merci