bordo non funzionante

[Lux]

Questa è la pagina
http://www.paesaggioitaliano.eu/fluido.html

Ho impostato il bordo di 1px color bianco al lato destra e sinistra sia per head, il content e il foot.
Per il foot e il content funziona e si vede il bordo bianco.
Per l'head il bordo bianco non si vede.
perchè

Ecco il codice css:

html {
	height:100%; 
	max-height:100%; 
	padding:0; 
	margin:0; 
	border:0; 
	background:rgb(0,0,0);
	/* hide overflow:hidden from IE5/Mac */ 
	/* \*/ 
	overflow: hidden; 
	/* */ 
	}

body {
	height:100%; 
	max-height:100%; 
	overflow:hidden; 
	padding:0; 
	margin:0; 
	border:0px;
	background:rgb(0,0,0);
	}

#content {
	display:block; 
	overflow:auto; 
	position:absolute; 
	z-index:3; 
	top:102px; 
	bottom:20px; 
	width:1019px; 
	margin-left:-510px; 
	left:50%; 
	border-left:1px solid #fff;
	border-right:1px solid #fff;
	border-top:0px solid #fff;
	border-bottom:2px solid #fff;
	background:red;
	}
#content img {display:block;}
* html #content {
	top:0; 
	bottom:0; 
	height:100%;
	width:1021px;
	border-top:102px solid #fff; 
	border-bottom:22px solid #fff;
	}

#head {
	position:absolute; 
	margin-left:-510px; 
	left:50%; 
	top:0; 
	width:1019px; 
	min-width:1019px; 
	background:green; 
	z-index:5; 
	border-top:0;
              border-left:1px solid #fff;
	border-right:1px solid #fff;
              border-bottom:0;
	}

* html #head {
	top:0px; width:1021px;
	}


#foot {
	position:absolute; 
	margin-left:-510px; 
	left:50%; 
	bottom:0; 
	width:1019px; 
	min-width:1019px; 
	height:20px; 
	background:green;
	z-index:5; 
	border-top:0;
              border-left:1px solid #fff;
	border-right:1px solid #fff;
              border-bottom:0;
	}

* html #foot {
	bottom:0px; width:1021px; height:19px;
	}