Alturas Variables

[besotico]

Hola amigos, el tema es que tengo unos divs, pero cuando hay mucho contenido, este último les pasa por encima, le explico un poco la jerarquia de estos divs.

Wrapper (para el centrado)
Content (para separar de header y footer)
ctnt (el que lleva el texto)

de mas esta decir que es cada uno dentro del otro, verdad?

Código HTML:

<div id="wrapper">
<div id="content">
<div id="ctnt">
</div>
<!-- cierre de ctnt-->
</div> 
<!-- cierre content -->
</div>
<!-- cierre wrapper -->
 

ahora sus respectivos codigos de estilo

Código CSS:

#wrapper {
    margin:0 auto 0 auto; 
    width:970px; 
        text-align:left;
    z-index:1;
}
 

Código css:

#content {
    position:absolute;
    left:auto;
    top:129px;
    width:970px;
    min-height:755px;
    height:auto;
    z-index:3;
}
 

Código CSS:

#ctnt {
    position:absolute;
    float:left;
    left:226px;
    top:15px;
    width:738px;
    
    z-index:3;
}
 

bueno eso amigos, ojala me puedan ayudar, el theme esta online en http://micontrol.cl/~ldiaz/blog/ oopr si quieren ver el resto del codigo, o que es lo que arroja