pozicovani layoutu vygenerovaneho photoshopem

dobry den, (omlouvam se za rozsah prispevku) prosim o radu s pozicovanim web layoutu vytvoreneho v adobe photoshop, rozrezaneho v image ready. program mi vygeneroval html:
...
<div id="Table_01">
<div id="id01_">
<img id="id01" src="img/01.gif" width="810" height="20" alt="" />
</div>
<div id="id02_">
<img id="id02" src="img/02.gif" width="10" height="880" alt="" />
</div>
<div id="logo_">
<img id="logo" src="img/logo.gif" width="790" height="182" alt="" />
</div>
<div id="id04_">
<img id="id04" src="img/04.gif" width="10" height="880" alt="" />
</div>
<div id="id05_">
<img id="id05" src="img/05.gif" width="790" height="3" alt="" />
</div>
<div id="id06_">
<img id="id06" src="img/06.gif" width="239" height="45" alt="" />
</div>
<div id="ofirme_">
<a href="ofirme.html" target="_self">
<img id="ofirme" src="img/ofirme.gif" width="79" height="37" border="0" alt="O firmě" /></a>
</div>
<div id="id08_">
<img id="id08" src="img/08.gif" width="6" height="45" alt="" />
</div>
<div id="reference_">
<a href="reference.html" target="_self">
<img id="reference" src="img/reference.gif" width="78" height="37" border="0" alt="Reference" /></a>
</div>
<div id="id10_">
<img id="id10" src="img/10.gif" width="5" height="45" alt="" />
</div>
<div id="fotogalerie_">
<a href="fotogalerie.html" target="_self">
<img id="fotogalerie" src="img/fotogalerie.gif" width="79" height="37" border="0" alt="Fotogalerie" /></a>
</div>
<div id="id12_">
<img id="id12" src="img/12.gif" width="5" height="45" alt="" />
</div>
<div id="download_">
<a href="download.html" target="_self">
<img id="download" src="img/download.gif" width="79" height="37" border="0" alt="Ke stazeni" /></a>
</div>
<div id="id14_">
<img id="id14" src="img/14.gif" width="5" height="45" alt="" />
</div>
<div id="kontakt_">
<a href="kontakt.html" target="_self">
<img id="kontakt" src="img/kontakt.gif" width="79" height="37" border="0" alt="Kontakt" /></a>
</div>
<div id="id16_">
<img id="id16" src="img/16.gif" width="136" height="45" alt="" />
</div>
<div id="id17_">
<img id="id17" src="img/17.gif" width="79" height="8" alt="" />
</div>
<div id="id18_">
<img id="id18" src="img/18.gif" width="78" height="8" alt="" />
</div>
<div id="id19_">
<img id="id19" src="img/19.gif" width="79" height="8" alt="" />
</div>
<div id="id20_">
<img id="id20" src="img/20.gif" width="79" height="8" alt="" />
</div>
<div id="id21_">
<img id="id21" src="img/21.gif" width="79" height="8" alt="" />
</div>
<div id="obs-zacatek_">
<img id="obs_zacatek" src="img/obs_zacatek.gif" width="790" height="30" alt="" />
</div>
<div id="obs_">
<img id="obs" src="img/obs.gif" width="790" height="441" alt="" />
<p style="z-index:1">ysdfdsfdsfdsfsdfsdf</p>
</div>
<div id="obs-konec_">
<img id="obs_konec" src="img/obs_konec.gif" width="790" height="29" alt="" />
</div>
<div id="id25_">
<img id="id25" src="img/25.gif" width="790" height="11" alt="" />
</div>
<div id="paticka_">
<img id="paticka" src="img/paticka.gif" width="790" height="90" alt="" />
</div>
<div id="id27_">
<img id="id27" src="img/27.gif" width="790" height="49" alt="" />
</div>
</div>
...

a CSS:
(hlavni div)
#Table_01 {
position:absolute;
left:0px;
top:0px;
width:810px;
height:900px;
}

jednotlive vnitrni divy maji atributy:
#logo_ {
position:absolute;
left:10px;
top:20px;
width:790px;
height:182px;
}
atd. lisi se pouze v pozici... Chtel bych cely layout zarovnat na stred ... zkousel jsem tag <center>, upravit tag body pomocí CSS (text-align: center) ale nepomohlo to. a kdyz vypnu absolutni pozicovani .. tak se mi to cele rozhazi... polozky menu jsou tlacitka naskladane vedle sebe. Prosim o radu.
Dale bych chtel, aby se dal vkladat text do divu... napadlo me to resit pomoci background image v css

Dekuji za vase rady

a jak teda? :D muzes to prosim trosku rozvest ?
..diky