Posizionare container a centro pagina

[leon-kennedy]

Ciao a tutti!

body {
background: url('immagini/body.JPG') #009900; 
font-size: 14px;
font-family: "Comic Sans MS", Arial, "Times New Roman", cursive;
color: #FFFFFF;
padding: 0px;
margin: 0px;}
ul{margin:0px 0; padding:0; list-style-type:none;}
li{margin-bottom: 10px;}
a {text-decoration: none; color: #FFF; font-weight: bold;}
img {border: none;}

/* logo */

#logo {

background: url('immagini/logo.JPG');
background-repeat: no-repeat;
float: left;
width: 80%;
height: 114px;}

/* classifica */

#classifica {

background: url('immagini/classifica.png');
background-repeat: no-repeat;
float: right;
width: 20%;
height: 114px;}

/* lista navigazione */

#navigation {

float:left;
width: 150px;
background: url('immagini/bodymenu.jpg') top left;
border: 1px solid #000;
margin: 0 10px 0 10px;
padding-left: 10px;}

/* container */

#container {
display: block;
margin: 0 auto 10px auto;}

/* barra titolo */

#title {

float: left;
background: #00CC00;
font-weight: bold;
color: #000;
width: 900px;
display: block;
height: 24px;
text-align: center;
border: 1px solid #000000;
border-bottom: 0px solid #000000;}

/* content */

#content {

float: left;
background: url('immagini/bodymenu.jpg') top left;
width: 880px;
display: block;
border: 1px solid #000000;
margin-bottom: 10px;
padding: 10px;}

/* tabella */

#tabella {

float: left;
width: 15%;
border-right: 2px dashed #000;
margin-left: 5px;}

/* dati */

#dati {

float: left;
width: 20%;
border-right: 2px dashed #000;
margin: 0 100px 0 10px;}

/* pubblicità */

#pubblicita {

float: left;
margin: 0 auto 0 10px;} 

Dentro container ci sono "navigation" "content" e "pubblicita"!
Vorrei che venissero posizionati a centro pagina,ma non funziona!Potete aiutarmi?

http://beamanager.altervista.org/gioco/game_index.php