ciao vedi così se va bene:

p.s. ho inserito tutto in un div #principale per pura comodità mia!!!

codice:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<style type="text/css">
<!--
body {
	margin:0px auto; padding:0px;
	min-height:100%;height:auto!important;height:100%;
	background-color:#F2F2F2;
}
#principale {
	margin:0px auto; padding:0px;
	min-height:100%;height:auto!important;height:100%;
	background-color:#FCFCFC;
}
#up {
	margin:0px; padding:0px;
	width:100%; height:20px;
	background-color:#009900;
}
#container {
	margin:0px auto; padding:0px;
	width:100%;
	background-color:#FFFFFF;
}
#down {
	margin:0px; padding:0px;
	width:100%; height:20px;
	background-color:#FF9900;
}
-->
</style></head>

<body>
<div id="principale">
	<div id="up"></div>
	<div id="container">
		

Questa verde &egrave; corretta </p>
		

</p>
		

</p>
		

</p>
		

</p>
		

</p>
		

</p>
		

</p>
		

</p>
		

Questa gialla, a prescindere dalla risoluzione, dovrebbe posizionarsi in basso con 0 margini </p>
	</div>
	<div id="down"></div>
</div>
</body>
</html>