Browserspetzifischer <div> Problem

[suit]

Hallo Leute,
ich brauch mal Hilfe..und zwar:
Ich hab eine Webside erstellt: eumeldeumel.bplaced.net
die schön in <div>-container verpackt, und via css designt ist.
Jedoch klebt der Inhalt bei Safari und Internet-Explorer ein ganzes Stück weiter unten als beim Firefox.
kann man Browser irgendwie erkennen, oder gibt es da irgend einen falschen fehler den ich mach? xD

Einen? Dutzende!

8 HTML-Fehler

http://validator.w3.org/check?uri=http%3A%2F%2Feumeldeumel.bplaced.net%2F&charset=(detect+automatically)&doctype=Inline&group=0

Plus einige weitere:

• du verwendest <br /> zum Formatieren
    Für Abstände verwendete man http://de.selfhtml.org/css/eigenschaften/randabstand.htm@title=margin
• du verwendest keine <http://de.selfhtml.org/css/layouts/navigationsleisten.htm@title=Liste um dein Menü auszuzeichnen >
• du hast die <http://de.selfhtml.org/css/formate/kaskade.htm@title=Kaskadierbarkeit von CSS> (das C in CSS steht für Cascading) nicht verstanden
• du dir ist der sinnvolle Einsatz von HTML-Elementen nicht klar
    Ansonsten wäre dein "header" z.B. eine Überschrift oder gleich ein header-Element (HTML5) und nicht ein Textabsatz
• dir ist der <http://de.selfhtml.org/html/xhtml/unterschiede.htm@title=Unterschied zwischen HTML und XHTML> nicht klar
• du weißt nicht, wie man Zentriert
• du gibst keine Zeichencodierung an, noch wird im HTTP-Header irgendwas mitgeschickt
• du verwendest benannte Zeichenreferenzen (entities), obwohl das nicht sinnvoll und sogar umständlich ist.
• du scheinst den sinnvollen Einsatz von ID und Klassen nicht zu kennen
• du benutzt etwas zu viel position: relative in deinem Layout; arbeite mit float oder inline-block