Ho creato una bozza di layout per fare delle prove.

Vi inserisco il codice:

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?