[CSS] Imbriquer deux divs de taille variable

Bonjour,

Je souhaiterais dans mon site imbriquer deux box CSS de taille variable, et mon problème est le suivant :
- Si je ne fixe pas la hauteur de la boite parente, elle s'ajuste uniquement au contenu de taille "fixe" qui est à l'intérieur, et la boite fille, bien que placée dans le bon div, est affichée en dessous.
Ex de code CSS:
#parent{
width: 1024px;}

#fixe{
height: 120px;
width: 100%;}

#fils{
width: 100%;}

HTML associé :
<div id="parent">
<div id="fixe">
</div>
<div id="fils">
</div>
</div>

(bien sur c'est simplifié, mais l'idée est la (pour bien voir j'ai mis des cadres et des fonds :)))

- Si je fixe la hauteur de la boite parente, ben forcément, quand la boite de taille variable à l'intérieur dépasse, ben ... elle dépasse :p
Ex de code CSS:
#parent{
heigth: 768px;
width: 1024px;}

(le reste du code est le même)

Quelqu'un saurait-il comment je peux ajuster la taille de mon parent à celle (variable) de mon fils ?

Merci d'avance,
Cordialement,

Tinaby