forse ho spiegato male la mia idea, ma con questo esempio dovrebbe essere chiaro: prendendo la tua pagina di esempio ho aggiunto alcune semplici cose.

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>Documento senza titolo</title>
<style type="text/css">
<!--
.box {
	margin: 5px;
	padding: 5px;
	float: left;
	width: 75px;
	border: 1px solid #333333;
	background-color: #F9F8FA;
	text-align: center;
}
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}
#main {
	width: 500px;
	margin-right: auto;
	margin-left: auto;
}
#main #header {
	background-color: #F5F4F7;
	height: 80px;
	margin-bottom: 5px;
	border: 1px solid #333333;
}
#main #footer {
	clear: left;
	background-color: #EBE9ED;
	padding: 5px;
	margin-top: 5px;
	border: 1px solid #333333;
}

#main #contenitore {
	margin: 0px;
	padding: 10px;
	border: 1px solid #CC3300;
}
#main #contenitore #space {
	clear: left;
}

/*stile aggiunto*/
#hidden{
    
	width:291px;
    margin:0 auto;
    padding:0;
}

-->
</style>
</head>

<body>
<div id="main">
	<div id="header">"header"</div>
		<div id="contenitore">
                       
                        <div id="hidden"> 
				<div class="box" id="div_1">menu</div>
				<div class="box" id="div_2">menu</div>
				<div class="box" id="div_3">menu</div>
			</div>
  		</div>
  	<div id="footer">"Footer"</div>
</div>

</body>
</html>