z-index für margin

[danielito]

Hallöchen zusammen,

bin auch noch relativ neu mit CSS, versuche aber gerade folgendes:

Ich habe eine kleine Seite, mit einem Header, der die Links zu den verschiedenen Sektionen der Seite enthält. Dieser Header soll nun immer sichtbar sein, Text der darunter positioniert ist, soll beim scrollen nach unten unter dem Bild verschwinden. Klappt mit folgendem Code auch soweit ganz gut...:

Code: Alles auswählen

#header {
    position: fixed;
    height: 180px;
    width: 784px;
    z-index: 2;
}

#main {
    top: 170px;
    left: 5px;
    position: absolute;
    z-index: 1;
}


Nun hab ich den kompletten Body aber mit einem Aussenabstand belegt

body {
margin: 50;
padding: 50;
width: 784px;
}

Wenn ich nun scrolle, erscheint der Text oben in der kleinen Abstandsspalte vom Header zum obersten Ende der Seite. Wie verdecke ich auch dort den Text?

Über alle Anregungen und Tips bin ich dankbar.

LG
danielito