Moj layout zostal pociety w photoshopie na kilkanascie warstw (kontenerów), wygenerowala sie skladnia css. Calosc jest spojna i wyswietla sie w html'u prawidlowo. Problem polega na dopasowaniu zawartosci kontenerow do ich wysokosci - chcialbym, aby srodkowy kontener (33) automatycznie rozciagal sie na wysokosc wraz z zawartoscia (np. tekstem), natomiast stopka (49,50,51) opadala w dol. Tak wyglada zarys pocietego szablonu:

33 - kontener srodkowy, w ktorym ma wyswietlac sie teksc z hiperlaczy menu
49,50, 51 - stopka
Przykladowa definicja stylow:
glowny kontener (css):
#Table_01 {
position:absolute;
left:0px;
top:0px;
width:969px;
height:100%;
}
tresc:
#iframe-tresc {
position:relative;
left:242px;
top:347px;
width:487px;
}
stopka lewa czesc:
#stopka-left {
position:absolute;
left:20px;
top:772px;
width:199px;
height:24px;
Jednak przy wiekszej ilosci tekstu kontener srodkowy rozciagajac sie na wysokosc przechodzi przez stopke, ktora nie opada w dol:

Jak najlepiej byloby rozwiazac ten problem? Chcialbym aby stopka byla pod tekstem.
Prosze o pomoc.