codice:
html,body{margin: 0;padding:0}
body{font-family: arial,sans-serif;font-size: 76%;text-align: left; 
height: 100%;}
div#container{
	position:absolute;
	width: 770px;
	height: 100%;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	visibility: visible;
}
div#footer{
	position: absolute;
	bottom:0;
	width: 100%;
	height: 10px;
	padding: 0.5em 0;
	background-color: #ccc;
	color: #000;
	text-align:right;
	font-size:11px;
}


/*stili generici, su header e footer*/
div#header{background-color:#cccccc;color: #ff0}
h1,h2{margin: 0;padding:0}
h1{padding-left:0.5em;font: bold 2.3em/80px arial,serif}
h2{color: #999;font-size: 1.5em}
div#footer a{color: #fff;font-weight: bold;text-decoration: underline}

/*stili specifici per il layout*/
div#navigation{float:left;width: 180px; height:250px; background-
color:#CCCCCC; }
div#content{background-color: #fff; height:250px;background-
color:#ffffff}
div#navigation2{float:left;width: 180px; height:50%; background-
color:#ffffff; }
div#content2{background-color: #fff; height:50%;background-color:#cccccc;}


/*stili per la navigazione*/
div#navigation ul{margin: 1em 0 1em 1em;padding: 0; list-style-type:
 none;}
div#navigation li{margin: 0;padding: 0}
div#navigation a{color:#369;font: normal bold 1.2em/1.6em arial,sans-
serif;text-decoration: none}
div#navigation a:hover{color: #033;text-decoration: underline}
div#navigation a#activelink{color: #033;text-decoration: none}
ecco qui..
a parte quei bordi, c'è anche il problema della sezione CONTENUTI che deve edattarsi alla lughezza della pagina, io in 1600 X 1200 vedo un bel pezzo di bianco prima del footer, che sta sempre a fondo pagina..