Salve a tutti,
avrei esigenza di realizzare una cosa di questo tipo:


in pratica si tratta di:
- un div "container" che si allarga per tutta la pagina
- un div "centro" esterno al primo div, di dimensioni fisse, che si sovrappone al primo, sia centrato in orizzontale e in alto nella pagina e che al suo interno contenga una tabella di dimensioni fisse, centrata in orizzontale ed in alto al suo interno

Il codice che ho realizzato è il seguente:

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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento senza titolo</title>

<style type="text/css">
<!--
div#container {
	position:absolute;
	width : 100%;
	min-height:100%;
        background-color: #3F9;
        z-index:50;

}
div#centro {
	position: absolute;
	width : 950px;  
	min-height:100%;
    	top:0px;
	left: 50%;
	margin-left: -475px;
	background-color: #FF0;
	text-align:center;
	z-index:80;

	
 }

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

.sfondo_table {
	background-color: #F00;
}
-->
</style>

</head>

<body>


<div id="centro">
<table width="300" border="0" cellpadding="0" cellspacing="0" class="sfondo_table" id="main_table">
      <tr>
            <td width="60"></td>
        <td width="181" valign="top">

</p>
        
        


          
        </p></td>
            <td width="59" align="center" valign="top">

</p>
            

</p>
            

</p>
            

</p>
            

</p>
            

</p>
      
            

</p></td>
      </tr>
    </table>
</div>
<div id="container"></div>
</body>
</html>

A parte la tabella che non si centra orizzontalmente dentro il div "centro", tutto il resto sembra funzionare: il div "container" si allarga al 100% ed il div "centro" lo segue in altezza se ridimensiono la finestra del browser. Il problema sorge quando all'interno della tabella c'è del contenuto più lungo della finestra del browser; in tal caso appare la barra di scorrimento laterale e andando giù si scopre che il div "container" non si estende fino alla fine della pagina.
Come si può fare a far si che l'altezza del div "container" segua l'altezza della tabella (o eventualmente l'altezza del div "centro")?

Grazie a tutti in anticipo