Salve a tutti, premetto che in questo tipo di impaginazione sto facendo un po' di prove e sono neofita a riguardo... ma non riesco a cavare le gambe dal problema: ho provato a creare l'impaginazione come segue, ma le tre colonne sotto la header con questo codice non c'e' verso di farle arrivare al 100%. Qualcuno saprebbe dirmi dove sbaglio?

ho provato anche con il min-height, ma il risultato e' la somma dei pixel della header e del menu + il 100% delle 3 colonne (risultato: scrollbar laterale).

codice:
<style type="text/css">
		html,body{margin: 0;padding:0;height:100%;}

		#container {
		    position:relative;
			width: 760px; /* Dimensioni per Opera 5 */
			\width: 760px; /* Dimensioni per Explorer 5.x si aggiungono i pixel del padding su entrambi i lati*/
			w\idth: 760px; /* Dimensioni per browser standard compliant */
			height: auto;
			min-height: 100%;
			margin: 0px;
			margin-left: auto;
			margin-right: auto;
			
		}
	
		
		#header {
			background-image: url(immagini/sf_top_rosso.gif);
			background-repeat: no-repeat;
			height: 100px;
			width: 760px;
		}
		
		#menu {
			background-image: url(immagini/sf_menu_azzurro.gif);
			background-repeat: repeat-x;
			height: 23px;
			width: 760px;
			position: absolute;
			top: 100px;
		}
		
			#colsx {
				background-image: url(immagini/sf_sx.gif);
				background-repeat: repeat-y;
				height: 100%;
				width: 122px;
				top: 123px;
				position: absolute;
				padding: 3px;
		}
		
			#coldx {
				background-image: url(immagini/sf_dx.gif);
				background-repeat: repeat-y;
				height: 100%;
				width: 153px;
				top: 123px;
				left: 607px;
				position: absolute;
				padding: 3px;
		}
		
			#main {
				height: 100%;
				width: 122px;
				top: 123px;
				left: 122px;
				position: absolute;
				padding: 3px;
		}
		
		</style>