Salve,

ho realizzato un layout a 3 colonne con posizionamento assoluto. Ora è stato richiesto di aggiungere anche un footer, ma a questo punto sorgono i problemi:

Se aggiungo il footer DENTRO il contenitore padre (position:relative) che contiene le colonne posizionate assolutamente, il footer si colloca a inizio pagina (questo perché il div padre sembra avere altezza nulla).

Se metto il footer DOPO/FUORI e posizionato assolutamente, questo va a piazzarsi a fondopagina, sovrapponendosi pero' con le colonne che sono molto lunghe.

Come potrei risolvere?
Grazie

codice:
  
<div ID="contentBox3COLS">
     <div ID="contentLeft3COLS"></div>
     <div ID="contentMiddle3COLS"></div>
     <div ID="contentRight3COLS"></div>
</div>
     <div ID="footer"></div>

#contentBox3COLS
{
	position: relative; 
	min-width:980px; 	
}

#contentLeft3COLS
{ 
	position: absolute; 
	top: 0; 
	left: 20px; 	
	width:270px; 
	margin-left:0px;
	margin-right:5px;
}
  
#contentRight3COLS
{ 	
	position: absolute; 
	left: auto; 
	right: 20px; 
	margin-right:0px;
	width:28%;
}

#contentMiddle3COLS
{ 
	position:absolute; 
	top:0; 
	bottom:0px; 
	margin-left:5px;
	margin-right:20px;	
	left:286px; 
	right:28%; 	
}
#footer
{
	position:relative;
	bottom:0;
	left:0;
	width:100%;

	background:White url(images/Backgrounds/Lava_footer_background.png) top right no-repeat ;/**/
}