Ciao a tutti =)
Premetto di essere un noob pauroso nel campo css, sono alle primissime armi,ed ovviamente ho già un problema.

Devo fare un sito in cui ci sono,sotto l'header, tre colonne,di cui due a larghezza fissa (le laterali) ed una centrale ridimensionabile a piacimento.

Fin qua tutto bene,se non fosse che ho deciso di impostare una dimensione minima per la visualizzazione del sito.
Per header e footer tutto bene (almeno finora),ma per quanto riguarda la colonna centrale,proprio non ce la faccio.
Ho cambiato il css originario ed ho fatto (momentaneamente) a sinistra una colonna di dimensioni fisse,e a destra un contenitore che contiene la colonna centrale e quella destra. il css è questo:
codice:
h3{
	color: #0066b2;
}

body{
	background: white;
	font: 12px Arial;
	margin	: 15px 0px 15px 0px;
	padding	: 0; 
}

#header{
	background: url(immagini/facciata.PNG) top left no-repeat;
	border: 0px;
	height: 127px;
	margin: 5px 0px 0px 7px;
	text-align: right;
	vertical-align  : baseline;
	width: 821px;
}

#menulaterali{
}

#menulaterali a{
	color: #0066b2;
	text-decoration: underline;
	font-size: 12px;
}

#menulaterali a:hover{
	text-decoration: none;
}

#menulaterali ul{
	font-size: 12px;
	margin-left:6px;
	color:#0066b2;	
	padding: 0;
	list-style-type: none
}

#sinistra{ 
	background-color:#F0F7F7;
	height: 165px;
	left: 13px;
	line-height: 2px;
	margin-bottom: 3px;
	margin-top: 3px;
	position: absolute;
	text-align: left;
	width: 150px;
}

#cd{
	margin-left: 170px;
	margin-top: 3px;
	margin-right: 13px;
	min-width: 681px;
	min-height: 165px;
	border: 1px solid black;
}

#centro{
	float:left;
	min-width: 521px;
	margin-right: 160px;
	border: 1px solid black;
	height: 165px;
}

#destra{
	float:right;
	background-color:#F0F7F7;
	height: 165px;
	line-height: 2px;
	text-align: right;
	width: 150px;
}

#bluebar{
	border: 10px solid #0066b2;
	background-color: #0066b2;
	margin: 0px 13px 3px 13px;
	min-width: 821px;
	width: auto !important;
	width: 821px;
	padding-left: 3px;
	text-align: left;
}

#bluebar a{
	color: #F0F7F7;
	font: 15px Arial;
	text-decoration: none;
}
	
#nav{
	margin-left:13px;
	margin-right:13px;
	min-width: 821px;
	width: auto !important;
	width: 821px;
	overflow:hidden;
}

#nav li{
	display:inline;	
}

#nav a{
	background-color:#F0F7F7;
	border-left:10px solid #C7E2E2;
	color:#0066b2;
	display:block;
	float:right;
	font-family:arial;
	font-size:10px;	
	height:25px;
	line-height:25px;
	padding-left:3px;
	padding-right: 3px;
	text-align:left;	
	text-decoration:none;
	text-transform:uppercase;
}

#nav a:hover{
	border-left:10px solid #0066b2;
	color: black;
}

.title{
	border: 6px solid #0066b2;
	background-color: #0066b2;
	text-align: center;
	font-size: 13px;
	color: #F0F7F7;
}
Mentre il codice della pagina è questo:
codice:
 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 
<HTML> 
	<HEAD> 
		<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> 
		<link href="style.css" rel="stylesheet" type="text/css"> 
		<script type="text/Javascript" src=""></script> 
 		<title>TITOLO
</title> 
	</HEAD> 
	<BODY> 
	<div id="header"></div> 
		<div id="nav"> 
			<ul> 
				[*]Link 1 
				[*]<a href="http://www.link2.it" target="_blank"Link 2</a> 
				[*]Link 3 
				[*]<a href="http://www.link.it" target="_blank">Link 4/a> 
			[/list]
		</div> 
		<div id="bluebar">Home  
			<a></a> 
		</div> 
		<div id="menulaterali"> 
			<div id="sinistra"> 
				<div class="title">Titolo Menu Sinistra</div> 
				<ul> 
	    				[*]<h3>Periodici</h3> 
	   				[*]<h3>Risorse Elettroniche</h3> 
	    				[*]<h3>Strumenti di ricerca</h3>			
					[*]<h3><a>Altre Voci</a></h3> 
				[/list]
			</div>	
		</div> 
		<div id="cd"> 
			<div id="centro"> 
				dslfhjsdgfhs fdhjkgsdfhksj fdhfjsghs shgshgsg hhghdf hdhdfhgdh fhfshfh ghfghfghfsd hghfhsfhfshs hfhfsh gfshghfshfsh hshshshsh shshshfdhkjlsdn gohgdfdhfg gjdghdfghdjghd dfjghdjghd
			</div> 
			<div id="destra"> 
				<div class="title">Titolo Menu Destra</div> 
				<ul> 
	    				[*]<h3>Dove Siamo</h3> 
	   				[*]<h3>Orario</h3> 
	    				[*]<h3>Staff</h3> 
					[*]<h3>Regolamento</h3> 
					[*]<h3>Servizio</h3> 
					[*]<h3>Collezioni</h3> 
					[*]<h3><a>Altre Voci</a></h3> 
				[/list]
			</div> 
		</div> 
	</BODY> 
</HTML>
Teoricamente si comporta come dovrebbe, se non fosse che il menu laterale di destra viene messo su un altra "riga",e questo mi sembra sia dovuto al margin specificato nel div "centro".
Qualcuno sa aiutarmi?
Grazie!!!!