Div não acompanha conteúdo na "altura" (heigth)

Bom como podem ver nas imagens abaixo a div #corpo não esta acompanhando o resto do site.

/applications/core/interface/imageproxy/imageproxy.php?img=http://i45.tinypic.com/mrrb0g.jpg&key=656b699dec9d68d0e5d965d07670046d5f848de92ed5b8ce7404d3ea0a91a450" alt="mrrb0g.jpg" />

/applications/core/interface/imageproxy/imageproxy.php?img=http://i50.tinypic.com/20gdys2.jpg&key=60ee98ee337cf2338937a5694ac15dc31dec88741ef337a3dc17988e238f1c6a" alt="20gdys2.jpg" />

CSS:

* {

margin : 0px;
padding : 0px;
text-decoration : none;
outline : none;
border : none;
list-style : none;
}

#CORPO, #TOPO, #TOPO h1 a, #CONTEUDO, #RODAPE
{

position: relative;
}

#CORPO {
border: 1px solid #222;
margin : 50px auto;
width : 670px;
height : 590px;
text-align : left;
background : #F4F4F4;
}

#TOPO {
background : #F4F4F4;
border-bottom : solid 1px #CFCFCF;
height : 50px;
}

h1.logo {

width : 350px;
height : 50px;
margin : auto 0 0 10px;
padding : 0;
float : left;
display : inline;
}

h1.logo a {

display : block;
height : 100%;
text-indent : -1000px;
overflow : hidden;
background : url(../logo.png) no-repeat;
}

#CONTEUDO

{

width : 651px;
height : auto;
margin : 10px;
background : #F4F4F4;
border: 1px solid #333;
}

#CONTEUDO, #RODAPE
{

float: left;
}

#RODAPE

{

clear : both;
height : 50px;
margin-top : 35px;
border-top : solid 1px #CFCFCF;
background : #F5F5F5;
font-family : 'ABeeZee', sans-serif;
width: 100%;
}

bom agradecendo desde-ja pela ajuda.