Caler un DIV en bas d'une autre DIV

Bonjour,

Je voudrais positionner une div en bas d'une autre div.

j'ai créé une conteneur, qui contient un header qui contient cette div qui doit être colée en bas de la div header.

#conteneur {
position: relative;
width: 1002px;
margin: 0 auto;
background-color:#CCCCFF;
}

#header {
height: 100px;
background-color: #99CCCC;
border:3px solid;
position:relative;

}

#calegauchebas
{
background-color:#FF9966;
border:1px solid;
width:150px;
position:relative;
margin-bottom:0;
padding:0px;
}

Voici le code de la page

<div id="conteneur">
<div id="header">

header <a href="http://css.alsacreations.com/Modeles-de-mise-en-page-en-CSS">(voir
tous les modèles)</a>

<div id="calegauchebas">calegauchebas</div>

</div>

puis suite de la page

Ma boîte n'est pas du coup calé en bas sur la div header.

Je ne comprends pas pourquoi, j'ai cherché sur le net (beaucoup), mais n'est rien trouvé à ce sujet.

Ca me semble pourtant élémentaire.......

Pouvez-vous m'aider ? Ca doit êre simple pourtant.....

Configuration: Windows XP
Internet Explorer 7.0