Ciao,
ho un layout a 3 colonne con header e footer:

codice:
<div id="header">Mio Sito</div>

<div id="container">

  <div id="leftnav">
    <div id="menu">Menu1</div>
    <div id="menu">Menu2</div>
    ...
  </div>

  <div id="content">Contenuto</div>

  <div id="rightnav">Altro</div>

</div>

<div id="footer">Copyright</div>
questo è il css:

codice:
#header {
	width: 760px;
	height: 50px;
	margin: 0 auto 10px;
}

#container {
	width: 760px;
	margin: 0 auto;
	position: relative;
}

#leftnav {
	position: absolute;
	top: 0;
	left: 0;
	width: 130px;
	float: left;
}

#content {
	padding: 0 10px;
	width: 462px;
	margin-left: 130px;
	margin-right: 150px;
	float: none;
}

#rightnav {
	position: absolute;
	top: 0;
	right: 0;
	width: 150px;
	float: right;
}

#footer {
	width: 760px;
	padding: 0;
	margin: 0 auto;
}
Il problema è che quando l'altezza del contenuto è inferiore a quella delle colonne il menu si sovrappone al footer.

Si può risolvere? Grazie.