propriedade margin não 'pega' valor.

Bom o que acontece é o seguinte o a div#conteudo não tem valor de altura definida...

#CONTEUDO {
width : 680px;
height : auto;
margin : 10px;
background : #FFF;
}

ae tipo tem o rodape logo abaixo dessa div#conteudo ambas dentro da div#corpo...

o "erro" é que a propriedade "margin-top: 10px" do rodapé na ta "pegando" o valor, não ta espaçando conforme deveria..

#RODAPE {
clear : both;
height : 50px;
margin-top : 10px;
border-top : solid 1px #CFCFCF;
background : #F5F5F5;
}
 

#CORPO {
margin : 40px auto;
width : 700px;
height : auto;
text-align : left;
background : #FFF;
}

tipo o html ta assim:

<div id="corpo">

<div id="conteudo>aaa</div>

<div id="rodape">bbb</div>

</div>