вот моя проблема, над которой так долго мучаюсь... кто-нибудь может подсказать, как ее устранить?

Так, чтобы текст, несмотря на свою длину, находился строго в пределах рамочки, а не "гулял" вниз, как ему заблагорассудится.

Antonariy, спасибо, кэп.

zolitude,
я наверняка упустила одну или две существенные детали. Наверняка нужно прописать что-то куда-то, но что и куда я не знаю(

мой css сейчас выглядит вот так:
/* General Style */
body {background:#000000;margin:0;padding:0;}
p, div, h1 {margin:0;padding:0;}
.wrap {background: #000000 repeat-x #000000; text-align: center;}
.contanier {width: 900px; margin-left: auto; margin-right: auto; background: url('/My_design/container.gif') repeat-y;}
.top {height: 2700px;background: url('/My_design/top3x.gif') no-repeat;}
.header {height: 250px; position: relative;}
.header h1 {color: #000000; font-size: 28pt; font-weight: normal; margin: 0; padding: 0; position: absolute; top: 55px; left: 295px;}
p.date {color: #048bc8; font-size: 11pt; position: absolute; top: 40px; left: 310px;}
p.navigation {text-align: right; position: absolute; top: 220px; right: 10px; width: 570px; border-bottom: 1px solid #ccc; padding-bottom: 15px;}
p.user-bar {position: absolute; top: 5px; right: 0px; font-size: 11pt;color: #bb50ff;}
.bottom {height: 320px; background: url('/My_design/bottom.gif') no-repeat;width: 900px; margin-left: auto; margin-right: auto;}
.footer {color: #000000; height: 200px; background: url('/My_design/footer.gif') bottom right no-repeat; padding: 30px 180px 10px 20px; text-align: right;width: 700px; margin-left: auto; margin-right: auto;}

table.main-table { position:relative; left:0px;top:700px; width:800px; height:0px;border: 0px; padding: 0px; margin-left: 0px;}
td.content-block {vertical-align: top; width: 900px; padding: 20px;}
td.side-block {width: 230px; vertical-align: top; padding: 30px 10px 0 10px;}

Всего-навсего нужно было прописать напротив "content-block" padding-bottom, и проблема устранена...