Div não estica

E ae pessoal

Seguinte, comecei a fazer meu primeiro site em tableless e como é a primeira vez surgem dúvidas e problemas :P

Seguinte, tenho a div "conteudo" (bem no meio do site) aonde vai ficar o conteudo (jura? :P)

Dentro dela terei outras 3 divs para dividir os conteudo...

Até ai OK, alinhei as 3 bonitinho e talz... coloquei o conteudo na div "dir"... e bom... o conteudo que coloquei saiu da div "conteudo" e inclusive atropelou também a div "rodape" que fica baixo da div "conteudo"... passou por cima dela digamos... e não é isso que eu quero, queria que a div "dir" esticasse conforme fosse colocado o conteudo e consecutivamente a div "conteudo" esticasse para comportar a div dentro dela

Igual no esquema de tabela que faziamos, colocamos conteudo, estcica a tabela e se estive dentro de outra tale,a também estica a outra tabela :D

O código css é esse

#conteudo {

background:url(imagens/img_fundo_conteudo.jpg);

}

#esq {

position:absolute;

width:209px;

left:20px;

}

#centro {

position:absolute;

width:314px;

left:229px;

}

#dir {

position:absolute;

width:209px;

left:544px;

}

A página pode ser vista em http://www.infinitodigital.com.br/Teste/

Se alguem souber o erro que estou cometendo, ficarei muito grato se me explcar :D

Abraços e obrigado