Ciao a tutti,
sto realizzando un sito web con i div.
L'esigenza sarebbe quella di avere un layout con 3 div:
- header di altezza 58px
- posizione di altezza 120px
- contenuto di altezza variabile
I 3 div hanno tutti larghezza 900px e sono centrati nella pagina uno sotto l'altro senza ulteriori spazi.

I problemi nascono perchè la pagina ha un'immagine di background fixed, e devo fare in modo che (in caso di scrolling verticale) l'header rimanga fisso ed in primo piano, mentre posizione e contenuto si scrollano (sparendo sotto header mentre salgono).

Posto codice della pagina e del css.

codice:
<body style="background-image:url("sfondo.jpg"); background-attachment:fixed; background-repeat:no-repeat"> 
<div id="contenitore"> 
<div id="header">HEADER</div>
<div id="posizione">POSIZIONE</div>
<div id="contenuto_centro">CONTENUTO CENTRALE</div>
</div>
</body>
codice:
body { 
width: 100%; 
height: 100%; 
text-align: center;
margin: 0px;
} 

#contenitore { 
width:100%; 
text-align:center; 
} 

#header { 
position:fixed; 
height: 58px; 
width: 923px; 
margin: 0px auto 0px auto; 
z-index: 5; 
text-align:left; 
} 

#posizione { 
position: relative; 
margin: 58px auto 0px auto; 
width: 923px; 
height: 120px; 
z-index: 2; 
text-align:left; 
} 

#contenuto_centro { 
position: relative; 
width: 923px; 
margin: 0px auto 0px auto; 
z-index: 1; 
text-align:left; 
}
Vi prego aiutatemi... sono davvero disperato, non so più dove sbattere la testa

Grazie!