CSS, Abstand definieren

Hallo Zusammen

Ich versuche gerade meine erste Seite nur mit Layers und CSS.
Soweit klappt alles einigermassen gut. jetzt habe ich jedoch das Problem dass die "Rosarote" Ebene zu weit unten ist. Diese sollte eigentlich, unabhängig von der Unternavigation(Hellblau), einen festen definierte abstand zur Headgrafik haben.

Ich denke der Fehler ist ziemlich einfach, aber ich komme einfach nicht darauf...

Danke für eure Hinweise und Hilfe.

CSS:
http://www.livemedical.ch/fileadmin/layout/css-livemedical.css

Designvorlage:
http://www.livemedical.ch/fileadmin/layout/dv-livemedical.html

URL:
http://www.livemedical.ch/

Problem:
Bild: livemedical.ch/…/prob-css.gif

Ich habe noch eine zweit Frage:

Wie definiert Ihr die Schriftgrösse so dass sie grössenverstellbar bleiben und trotzdem in allen Browser mit Schriftgrad Einstellung Standart, gleichgross dargestellt wird?

Vielen Danke.

Grüsse Manuel

versuch mal deine "Rosarote" Ebene auf 'position:absolute; top:0' zu stellen. Damit orientiert es sich am übergeordneten <div id="content">.

Wieso arbeitest du eigentlich nicht mit der css-Eigenschaft float?

deine reihenfolge der elemente spielt auch eine rolle...
so wie dein quelltext aussieht, geht das eher richtung "tag-soup"

sicher wirst du per absoluter positionierung das hinbekommen...macht aber keinen sinn..ordne erstmal deine elemente..

header
navigation
content
footer