div principal...

Boa tarde...

Seguinte, eu tenho uma página que estou criando...

Segue o exemplo de como esta a estrutura...

body
topo
/topo
main
menu
/menu
conteúdo
/conteúdo
rodapé
/rodapé
/main
/body

oO bom, na imagem abaixo, temos a página, se vocês virem... existe uma borda laranja na div main, os elementos dentro dela estão com float left, menos o rodapé e o height da div main esta em auto...

/applications/core/interface/imageproxy/imageproxy.php?img=http://img198.imageshack.us/img198/9974/camarax.png&key=66c8d07402635ad8efa35f274f599363570d045c69ef508847bbffa2627083e8" alt="camarax.png" />

Onde esta o problema?

Queria saber se existe alguma maneira de fazer com que a div main acompanhasse os outros elementos ou fazer com que esta borda fosse até o final da página ou pelo menos ir até o começo do rodapé...