Hauteur de boite div variable CSS

je suis déçu que personne ne me répond avec l'activité du forum ccm qui est quand même impressionnante.
Je devrais être patient, sauveur, aide moi ... :p
Je suis un peu pressé c'est pour ça que je réagit comme tel :)

a+

Je complète avec mon exemple en visuel :

Voici l'adresse de mon essai : http://vincent.wicky.free.fr/
=> c'est la boite blanche qui doit être grande de sorte que les 3 boites cumulées soit dans la boite rouge.

Voici mon code css :
#cadre{
width:210px;
height:500px;
background-color:red;
border:solid 1px black;
}
#cadre1{
position:relative;
margin-top:10px;
margin-left:3px;
width:200px;
height:200px;
background-color:yellow;
border:solid 1px black;
}
#cadre2{
position:relative;
margin-top:10px;
margin-left:3px;
width:200px;
height:200px;
background-color:blue;
border:solid 1px black;
}
#cadre3{
position:relative;
margin-top:10px;
margin-left:3px;
width:200px;
height:10px;;
background-color:white;
border:solid 1px black;
}