Pagina index con tabella centrata.
Qualcuno può suggerirmi qualcosa da cui partire per creare la classica pagina riempibile 100% della dimensione della finestra del browser, con centrata una tabella composta da 2 righe e 2 colonne....

Riesco a farla, ma non a centrarla e non capisco il perché.

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.center {margin:0 auto; text-align:center;} 

 
body { background-image: url(images/background.jpg); 
background-repeat: repeat; } 
</style> 
</head> 
<body> 
<div class="center"> 
<table width="100%" border="0" cellspacing="5" cellpadding="2" align="center"> 
<tr>  <style type="text/css"> 

<!-- #Tabella_01 { position:absolute; left:0px; top:0px; width:900px; height:600px; } 

#Sezione-01_ { position:absolute; left:0px; top:0px; width:900px; height:360px; } 

#Sezione-02_ { position:absolute; left:0px; top:360px; width:145px; height:240px; } 

#italian_ { position:absolute; left:145px; top:360px; width:140px; height:123px; } 

#Sezione-04_ { position:absolute; left:285px; top:360px; width:327px; height:240px; } 

#english_ { position:absolute; left:612px; top:360px; width:128px; height:123px; } 

#Sezione-06_ { position:absolute; left:740px; top:360px; width:160px; height:240px; } 

#Sezione-07_ { position:absolute; left:145px; top:483px; width:140px; height:117px; } 

#Sezione-08_ { position:absolute; left:612px; top:483px; width:128px; height:117px; } --> 

</style>  
</head> 
<body style="background-color:#11111;"> 
 
<div id="Tabella_01" class="center"> <div id="Sezione-01_">
[img]images/Sezione_01.jpg[/img] </div>
 <div id="Sezione-02_">
 [img]images/Sezione_02.jpg[/img] </div> 
<div id="italian_">
  [img]images/italian.jpg[/img] 
</div> <div id="Sezione-04_"> [img]images/Sezione_04.jpg[/img] </div> 
<div id="english_"> 
 [img]images/english.jpg[/img] 
</div> 
<div id="Sezione-06_"> [img]images/Sezione_06.jpg[/img] 
</div> 
<div id="Sezione-07_"> [img]images/Sezione_07.jpg[/img] 
</div> <div id="Sezione-08_"> [img]images/Sezione_08.jpg[/img] 
</div> 
</div> 
 
</tr> 
</table> 
</div> 
</body> 
</html>
Perché si allinea a sinistra????

Grazie dell'attenzione!