Problema ao empilhar div´s com static.

Pessoal tenho um site onde tenho um div com o conteudo (com altura variável) e outra div que deverá vir logo abaixo desta obedecendo o tamanho da div com o conteudo.

As div´s estão da seguinte forma na página:

<div id=principal></div><div id=rodape></div>Ambas as div´s ficam no topo da página. Uma sobre a outra....
É muito estranho.

O código CSS é o seguinte:

#principal{ position:static; top:0px; /left:50%; margin-left:-387px;/ left:0px; background:#FFFFFF; width:775px; margin:1px; height:auto;}#rodape{ position:static; width:775;}#rodape table{ font-size:9px;}Já tentei implementar várias dicas mas nenhum adiantou. Alguém pode dar uma força e dizer onde estou errando?