CSS- problem v html

Používám externí CSS. na mozille v pohode ale IE a Opera to totálně rozhodí. Oblasti zpět a vpřed jsou pod "vrch2" a to když použiji :
<div align="left" class="vrch2" id="zpet"> pro umístění
a "klasik" je zobrazen až pod veškerými jinými divi i když má danou absolutní polohu. nevýte čím by to mohlo být?
Pokud poradíte tak předem díky.

P.S.:sem začátečník s html

http://www.kaer-morhen.webz.cz

<STYLE type="text/css">
.vrch{position:absolute;
margin:auto;
background:silver;
color:black;
font-weight:bold;
height:150px;
width:100%;
text-align:left;
float:left;
}
.vrch2{position:absolute;
top:145px;
Z-index:2;
}
#zpet{position:absolute;
left:29px;
top:146px;
Z-index:3;
cursor: pointer;
cursor: hand;
}
#vpred{position:absolute;
left:873px;
top:146px;
Z-index:3;
cursor: pointer;
cursor: hand;
}
.levy{margin:auto;
position:absolute;
top:162px;
background:silver;
color:#4eb1fa;
height:auto;
width:auto;
text-align:left;
float:left;
}
.klasik{position:absolute;
left:155px;
top:180px;
width:80%;
height:auto;
background:silver;
color:black;
text-align:justify;
border:1px solid;
border-color:gray;
text-indent:30px;
font-size:12pt;
}
.nadpis{color:#053719;
align:center;
font-family:Garamond,Times,serif;
font-size: 18pt;
font-weight: bold;
font-style: italic;
}
.podpis{color:gray;
align:center;
font-family:Garamond,Times,serif;
}
a {color:#A93200 ;text-decoration:underline;}
a:visited{color:#053719}
a:hover {color:#A93200;text-decoration:underline;}

</STYLE>

někde sem se dočetl že by to mohlo bít použitím "text-align" a "margin" dohromady.
jeste sem al enměl čas to vyzkoušet. co na to někdo?

Odstaň ze zdrojáku tento řádek v "uvod.html":

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2">

je tam úplně zbytečně, protože hned za ním máš:

<meta http-equiv="Content-Type" content="text/html; charset=windows-1250">

a toto kódování je použito.

Zruš diakritiku v názvu souboru "hlavní.css" (samozřejmě to oprav i v LINKu ve zdrojáku "uvod.html"), pravděpodobně je to zdroj problému.

Dál si myslím, že máš ve zdrojáku "uvod.html" v DIVech tlačítek "Zpět" a "Vpřed" zbytečně uvedeny třídy (class="vrch2"), protože za nimi máš IDy, které ti stejné vlastnosti přebijí (jsou použity jako poslední), dál je u některých DIVů použit text align="left" použitý mimo styly, u obrázků by to mělo význam, ale u DIVů asi ne.

ladik

meta sou opravený ale na webu ještě nejsou. je to pozustatek ze začátku

a ty "zpet" a "vpred" máš pravdu. myslel sem že pokud dám class i ID dohromady že zkombinuji vlastnosti obou ale ID má jine vlastnosti než "vrch2" ikdyž je na pozici vrch2.

díky moc zkusím opravit a uvidíme.
-------------
Jen ještě je lepší dát divy s menu a obrázky až za div s textem? budou se pak menu a obrázky okolo načítat až po textech? divy mám tvořeny s absolutní pozicí