[Resolvido] div não empurra as outras :(

Boa tarde gente..

Eu preciso de uma ajuda..

Eu tenho uma div chamada centro , e dentro dessa centro tenho uma chamada conteudo

dentro do conteudo vai o conteudo do site, porem quando o conteudo e muito grande ele não esta empurrando

as divs que estão embaixo...

(todas estao em relative)

vou colocar o css das divs

#centro {
position: relative;
left: 33px;
top: 506px;
width: 881px;
height: 236px;
z-index: 54;
background-color: #FCFCFC;
background-image: url(img/faixa.jpg);
background-repeat: no-repeat;
z-index:200;
}

#conteudo {
position:relative;
left:8px;
top:51px;
width:864px;
height:177px;
z-index:1000;
padding-bottom:20px;
z-index:200;
}

como disse a div conteudo esta dentro da centro , agora o css das divs que estao embaixo , em ordem de como estao

#apDiv1 {
position:relative;
left:-4px;
top:502px;
width:885px;
height:252px;
z-index:1;
background-color: #FCFCFC;
}

e

#Layer-3 {
 position: relative;
 left: 0px;
 margin-left:auto;
 margin-right:auto;
 top: 504px;
 width: 944px;
 height: 218px;
 z-index: 3;
}

agradeço desde já.

Abraços