problema com rodape

[jayjay]

galera to quebrando a cabeça pra resolver um problema aqui mas não to consseguindo, é o seguinte,

eu to criando layout aqui e cheguei na parte do footer só que tem um problema quando o conteudo do site aumenta o footer nao desce ele fica fixo no meio da pagina eu queria que o footer fosse empurrado ou seja descece quando o conteudo do site aumentasse .

 

 

meu css ta assim olha.

 

@charset "utf-8";

.corpo {

font-family: "Arial Black", Gadget, sans-serif;

font-size: 14px;

background-color: #C5C5C5;

}

#conteudo {

position:absolute;

width: 980px;

height: auto;

z-index: 1;

left: 494px;

top: 175px;

overflow: auto;

-webkit-border-radius: 5px;

-moz-border-radius: 5px;

border-radius: 5px;

-webkit-box-shadow: inset 0px 0px 1px 1px rgba(255, 255, 255, 1);

-moz-box-shadow: inset 0px 0px 1px 1px rgba(255, 255, 255, 1);

box-shadow: inset 0px 0px 1px 1px rgba(255, 255, 255, 1);

border: 1px solid #bebebe;

background-color: #ECECEC;

}

#logo {

position: absolute;

width: 370px;

height: 99px;

z-index: 1000;

left: 27px;

top: 23px;

}

#tudo {

width: 760px;

margin:0 auto;

text-align:left; /* "remédio" para o hack do IE */

}

 

#menu {

position: absolute;

width: 924px;

height: 23px;

z-index: 999;

left: 502px;

top: 336px;

}

/********************************************/

/*** Common Footer ***/

/********************************************/

#footer{

margin: 20px auto;

width:980px;

overflow: hidden;

position:relative;

clear: both;

border: 1px solid #4a4a4a;

-moz-border-radius: 6px;

-webkit-border-radius: 6px;

border-radius: 6px;

zoom: 1;

}

#footer a{

text-decoration: none;

}

/*** Breadcrumb ***/

#footer .breadcrumb{

padding: 0 0 0 20px;

line-height: 42px;

border-bottom: 1px solid #4a4a4a;

background:url(../images/breadcrumb-bg.png) repeat-x #2a2a2a;

}

#footer .breadcrumb a{

color:#ababab; text-decoration:none;}

#footer .breadcrumb a:hover{

color:#0aeeff;}

#footer .breadcrumb .current{

color:#fff;}

#footer .breadcrumb a,

#footer .breadcrumb span{

margin-left: 10px;

padding-left: 10px;

border-left: 1px solid #aaa9a9;

}

#footer .breadcrumb a:first-child,

#footer .breadcrumb span:first-child{

margin-left: 0;

padding-left: 0;

border-left: 0 none;

}

/*** Site Links ***/

#footer .site-links{

padding: 13px 0 16px;

overflow: hidden;

border-bottom: 1px solid #4a4a4a;

background: #404040;

}

#footer .site-links .block{

margin-left:90px;

width:215px;

float:left;

}

#footer .site-links h3{

margin: 0 0 7px;

padding:0;

font: 19px IntervalSansProRegular, Arial, Helvetica, sans-serif;

color: #0AEEFF

}

#footer .site-links ul{

list-style:none;

padding:0;

margin:0;

}

#footer .site-links ul li{

border-top:1px solid #5c5c5c;

}

#footer .site-links ul li:first-child{

border-top: 0 none;

}

#footer .site-links ul li a{

padding: 6px 0;

display: block; color:#ffffff;

}

#footer .site-links ul li a:hover {

color:#0AEEFF;

}

/*** Copyright ***/

#footer .copyright{padding: 12px 20px;overflow: hidden;color:#ABABAB;background:url(../images/copyright-bg.png) repeat-x #414141;}

#footer .copyright p{margin: 0;padding: 0;}

 

#footerpart {

position:absolute;

bottom: 0;

width: 200px;

height: 115px;

z-index: 2;

left: 494px;

top: 1285px;

}