Najlepszy sposób to zrobienie tak :
Potnij część gdzie umieszczasz tekst mniej więcej tak (jak widać odręcznie w paincie narysowałem

)
http://s009.wyslijto.pl/?file_id=00411333040989769218Następnie nr1 to <div id = "text_top"> nr2 to <div id = "text_main"> a nr3 to <div id = "text_bottom">.
Dla nr1 i nr3 ustalasz stałą wysokość a dla numeru 2 NIE USTALASZ WŁAŚCIWOŚCI HEIGHT.
Css powinien wyglądać mniej więcej tak :
Kod
#text_top {
margin:0;
border:0;
padding:0;
width:957px;
height:38px;
background-image:URL("images/main_top.jpg");
}
#text_main {
margin: 0;
border:0;
padding-top:0;
padding-left:35px;
padding-right:35px;
width:887px;
background-image:URL("images/main.jpg");
}
#text_bottom {
margin:0;
border:0;
padding:0;
width:957px;
height:67px;
background-image:URL("images/main_bottom.jpg");
}
Oczywiście u Ciebie dojdą inne paddingi i marginesy do tego możliwe że będzie trzeba wykonać float:left,right + clear:both na div-ie bottom.
Tak wszystko działa i jest git (wielkość części tekstowej jest zależna od jej wypełnienia i zawsze ładnie się ze sobą łączy).
Pozdrawiam
Mariusz