Chyba se zarovnáním textu

Dobrý den,
můj problém zní takto: když napíšu rozvržení css normálně do hlavičky, tak vše funguje správně. Když ale vytvořím externí soubor s úplně stejným obsahem, tak je text v #obsah posunut úplně doleva. Nechápu to. Pokud najdete chybu tak moc díky.

<style>
#obsah { position: absolute; width: 800px; top: 25px; left: 180px; padding: 8px}
#levy { position: absolute; width: 150px; top: 40px; left: 20px; padding: 8px }
#pravy { position: absolute; width: 150px; top: 40px; left: 1034px; padding: 8px}
#levy { background-color: #a9a9a9; color: white; border-style: none; border-width:
medium; padding: 8px}
#obsah { background-color: white; color: black; border-style: none; border-witdh:
medium;}
#levy h1 { color: black; }
#levy a:link { color: black; }
#levy a:visited { color: blue; }
#levy a:hover { color: red; }
#pravy { background-color: #a9a9a9; color: black; border-style: none; border-width:
medium; }




* {-moz-box-sizing: border-box; box-sizing: border-box;} /* pocitani marginu a paddingu jako v Exploreru */
</style>

Stránky jsou pouze v začátcích: vyuka.webovka.eu

Vše už je O.K. Moc Děkuji.