centrare DIV con Position: ecc...

[Merrill Stubing]

Ho creato una bozza di layout per fare delle prove.

Vi inserisco il codice:

body {
	background-color: #3a3a3a;
	background-image: url(images/BGtext.jpg);
	background-repeat: repeat-Y;
	background-position: center;
	margin: 0px;
	
}
#header{
	background-image: url(images/header.jpg);
	
	height: 66px;
	width: 601px;
	position: fixed;
	top:0px;
	left: 50%;
	margin-left: -301px;
}




#footer{
	background-image: url(images/footer.jpg);
	height: 34px;
	width: 601px;
	position: fixed;
	top: 100%;
	left: 50%;
	margin-top: -34px;
	margin-left: -301px;
}
#struct1{
	width: 601px;
	position: absolute;
	top:65px;
	left: 50%;
	margin-left: -301px;
}
#text{
	width: 500px;
	padding: 10px 20px 10px 40px;
	position: absolute;
	left: 50%;
	margin-left: -301px;
	color: green;
	font-weight: bold;
	
}

Il problema è, che se accorcio il layout, il testo andando in giù con la barra spaziatrice va "sopra all'header" invece che andare sotto, come io credevo che facesse normalmente.

Come posso fare per far sì che il testo sparisca sia sotto che sopra senta sovrapporsi?

[Merrill Stubing]

ecco l'immagine per far vedere ciò che succede:

[codencode]

Prova ad impostare lo z-index per l'header e per il contenuto, avendo cura di assegnare un valore più alto a quello dell'header.

[Merrill Stubing]

Eh, sì, ecco cosa mi ero scordato.

Grazie