sorge bitte erst einmal dafür, dass deine Seite aus dem Quirksmodus (dem Modus, in dem der Browser rät was du willst) raus kommt, damit die Layoutergebnisse einheiticher in den versch. Browsern werden.
Dis erreichst du, indem du die Doctype-Declaration vervollständigst.

In deinem HTML-Quelltext taucht sowas wie marginheight-Attribut im body -> lösch das

schreibe dafür in dein Stylesheet als erste Zeile

* {margin:0; padding:0;}

als Anweisung, für alle ELemente die voreingestellten Außen- und Innenabstände erst einmal auf Null zu setzen.

Wenn du die position-Keule schwingst musst du dem Browser schon erklären, wohin du irgendwas positionierst - als Koordinaten vom Rand des übergeordneten nicht positionierten Elements gerechnet.

Du musst übrigens body wieder schließen!

Hat geklappt. danke!