Questa è una pagina formata da una testa, un corpo centrale diviso in 3 colonne e una coda.
Se la colonna 2(quella che sta al centro) è + lunga delle altre 2 colonne, la 1 e la 3, quest'ultime si allungano quanto la colonna 2 e fino a qua tutto perfetto.
Se una delle 2 colonne (1 e 3) è piu' lunga della colonna 2, si allungano solo loro facendo andare tutto il layout a put..
come faccio a fare in modo che le colonne 1 e 3 si comportino come la colonna 2?

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" lang="it">
<head>
<title>Tre colonne: Liquido</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
<!-- 
body { 
	font:80% verdana,helvetica,sans-serif; 
	margin:0; padding:0
}
code { font:80% verdana,helvetica,sans-serif; display:block; margin:0 1em .5em 1em; }
hr { display:none }

/* centrare la pagina web a larghezza fissa */
body { text-align:center }  
#testa { width:90%; margin:1em auto; text-align:left }
#corpo { width:90%; margin:1em auto; text-align:left }
#piedipagina { width:90%; margin:1em auto; text-align:left }

/* testa */
#testa { 
	background:#ccc; 
	border:1px solid #000; 
	padding:1em 0; 
}

/* corpo */
#corpo { 
	position:relative; 
	background:#f0f0f0; 
	border:1px solid #000; 
}
#corpo-colonna1 {
	position:absolute; top:0; left:0; 
	width:20%; 
	padding:1em 0; 
}
#corpo-colonna2 { 
	margin:0 25% 0 20%; 
	border-left:1px solid #000; 
	border-right:1px solid #000; 
	background:#fff; 
	padding:1em 0; 
}
#corpo-colonna3 { 
	position:absolute; top:0; right:0; 
	width:25%; 
	padding:1em 0; 
}

/*pie' di pagina */
#piedipagina { 
	background:#eee; 
	border:1px solid #000; 
	padding:1em 0; 
}
-->
</style>
</head>
<body>

<div id="testa">testa</div>

<hr />

<div id="corpo">
	<div id="corpo-colonna1">menu1</div>

	<hr />
	<div id="corpo-colonna2">corpo centrale</div>
	<hr />

	<div id="corpo-colonna3">menu3</div>
</div>

<hr />

<div id="piedipagina">coda</div>

</body>
</html>