Umisteni menu v IE a FF pokazde jinak

Asi uz se na to nekdo ptal, ale pri prochazeni diskusi se v tom ztracim, tak sorry.
1. Mam na hp pomoci CSS umistene menu: viz http://www.tlapak.org/kht/index.htm
Jenze v IE se mi zobrazuje vlevo vedle mista, kde ma byt (cela stranka je kvuli tomu posunuta).
V ostatnich prohlizecich (kontroluju na FF, OPere a Netscapu) je to OK.
2. Druhy problem je na vnitrnich strankach - nedari se mi umistit hlavni obsahove pole tak, aby se to zorbazovalo vsude presne. Zase je to v IE jinde, v ostatnich prohlizecich spravne :(
3. Ten web by mel byt vycentrovany, ale...
Zabalil jsem veskery obsah do DIVu, ktery sam o sobe vycentrovat jde.
Jenze kdyz v nem umistuju dalsi DIVy a snazim se je pozicovat relativne, litaji si buhvi kde.
Vetsinou se pozicuji k okrajum obrazovky a ne k tomu zaobalovacimu DIVu. (?)
To pisu proto, aby bylo jasne, proc jsou ty DIVy pozicovane absolutne.
Co s tim?

pridavam CSS home page:
DIV#hp-body {
width: 907px;
height: 737px;
margin: 0px;
padding: 0px }

DIV#hp-left-menu {
position: absolute;
margin: 0px;
padding:0px;
top: 350px;
left: 100px;
width: 168px;
line-height: 185% }

DIV#hp-news {
position: absolute;
left: 500px;
top: 420px;
width: 175px;
text-align: justify }


a jeste CSS in.page:
DIV#page {
width: 768px;
margin: 0 auto }

DIV#hdr {
position: absolute;
top: 0px;
left: 14px;
width: 768px;
height: 168px }

DIV#content {
position: absolute;
left: 10px;
top: 168px;
width: 773px;
height: 468px }

DIV#left-menu {
position: absolute;
left: 0px;
top: 0px;
width: 176px;
height: 190px;
line-height: 180% }

DIV#left-news {
position: absolute;
text-align: left;
left: 0px;
top: 184px;
width: 176px;
height: 170px }

DIV#main {
position: absolute;
left: 176px;
top: 0px;
width: 576px;
height: 447px }

DIV#ftr {
position: absolute;
left: 10px;
top: 643px;
width: 770px;
height: 30px }

DIKY PREDEM ZA NAPADY! :)