Opera ei usko koodia

Hei,

Olen tekemässä keskitettyä div-leiskaa. Header image tulisi alkaa suoraan sivun yläosasta, mutta jostain syystä opera sijoittaa kuvan vasta n. 20px päähän yläreunasta, paljastaen bodyn taustakuvan rumasti ku per****.

Kuva: http://www.psydelica.org/tainakin/www/ongelma.jpg

body {
text-align: center;
font-size: 100%;
background:url(bg.gif);
background-repeat:repeat-y;
background-position: top center;
background-color:#eef4f0;
margin:0;

}


div#container {
background:url('indeximage.png');
background-repeat:none;
background-position:top;
margin: 0px auto;
top:0px;
left:0px;
width: 930px;
text-align: left;
}


Koska sivu on keskitetty, en voi laittaa taustakuvalle määrettä position:absolute - sitten koko höskä lentää ihan mimmoiseksi sattuu. Ehdotuksia?



Lisäksi - osaako joku kertoa, miksi käyttäessäni tekstikoon määrittelemiseen "em" enkä "px" , alkaa sivu toistaa header imagea y-akselilla, vaikka css-koodissa sille on määritetty no-repeat? Ongelma korjaantuu jos vaihdan leipätekstille esim. "12px" "1.2em" sijaan.

Koko koodit voi nähdä tuolta -> http://www.psydelica.org/tainakin/www/



KIITOS JO ETUKÄTEEN JOS TÄÄ ETENIS JOHONKI TÄSTÄ VIELÄ X-------P