Ecco il mio attuale CSS:

codice:
<style type="text/css">
body {
	font-family:Verdana, Geneva, sans-serif;
	background-color: #72797f;
	margin:0;
	}
#main {
	width: 1260px;
	margin: 0 auto;
	color: #fff;
	background-image: url(immagini/linea2.jpg);
	background-repeat: repeat-y;
	background-position: 360px;
	}
#content {
	border-bottom:1px solid #fff;
	}
#left {
	width:354px;
	float:left;
	}
#right {
 	width: 880px;
 	float: left;
 	padding-left: 8px; 	
}	}
#footer {
	text-align:right;
	padding-top:5px;
	padding-left:374px;
	font-size: 10px;
	}
#menu {
	}
ul {
	list-style-type:none;
	margin:0;
	padding:0;
	}
#accordion {
	text-align:right;
	margin-top:15px;
	padding-right:10px;
	}
#accordion ul {
	display:none;
	padding:1px 0;
	}
#accordion li {
	background: #72797f;
	font-size:16px;
	cursor:pointer;
	padding:1px;
	color:#fff;
	margin-bottom:10px; /*distanzia le voci del menu */
	}

#accordion li li{
	font-size:14px;
	margin-bottom:3px; /*distanzia le voci del sottomenu */
	}
#accordion a {
	text-decoration:none;
	color:#fff;
	}

#main #footer #main2 #footer2 .menu_under {
	font-size: 12px;
}
#main #footer #main2 #footer2 table tr td {
	text-align: right;
	font-size: 9px;
}
</style>
Vorrei quindi fare in modo di "elasticizzarlo", o quantomeno ottimizzarlo per risoluzioni da 1024 in su, visto che se si visualizza a 1024x768, come potete vedere, esce lo scroller orizzontale...