Un probleme de page

Bonjour,
Voici mon probleme j'ai ce code il marche il maffiche le menu et sous menu mais parcontre ma page n'es pas centré elle est a gauche je sais que le probleme est dans le code css mis ou exact je ne sais pas est ce que quelqu'un peu maider svp
Merci

<script type="text/javascript">
<!--
window.onload=montre;
function montre(id) {
var d = document.getElementById(id);
for (var i = 1; i<=10; i++) {
if (document.getElementById('smenu'+i)) {document.getElementById('smenu'+i).style.display='none';}
}
if (d) {d.style.display='block';}
}
//-->
</script>


<style type="text/css">
<!--

body {
margin: 0;
padding: 0;
background: white;
font: 80% verdana, arial, sans-serif;
}
dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
#menu {
z-index:100;
width: 100%;
}
#menu dl {
float: left;
width: 9em;
margin: 0 1px;
}
#menu dt {
cursor: pointer;
text-align: center;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #FFFFFF;
background: #37A8C5;
border: 1px solid gray;
}
#menu dd {
border: 1px solid gray;
}
#menu li {
text-align: center;
background: #fff;
}
#menu li a, #menu dt a {
color: #000;
text-decoration: none;
display: block;
height: 100%;
border: 0 none;
}
#menu li a:hover, #menu dt a:hover {
background: #eee;
}

#site {
position: absolute;
z-index: 1;
top : 70px;
left : 10px;
color: #000;
background-color: #ddd;
padding: 5px;
border: 1px solid gray;
}

a {text-decoration: none;
color: black;
color: #222;
}
-->
</style>


<div id="menu">
<dl>
<dt onmouseover="javascript:montre();"><a href="http://" title="Home"><? print ll("Inicio","Home","Accueil","Home"); ?> </a></dt>
</dl>

<dl>
<dt onmouseover="javascript:montre('smenu1');">Propriétes</dt>
<dd id="smenu1">
<ul>
<li><a href="http:/">Liste</a></li>
<li><a href="http://i">Carte des maisons</a></li>
</ul>

</dd>
</dl>


<dl>
<dt onmouseover="javascript:montre('smenu2');">FAQ</dt>
<dd id="smenu2">
<ul>
<li><a href="http://">Etapes de la location</a></li>
<li><a href="http://">Carte des maisons</a></li>
<li><a href="http://">Vos courses</a></li>
<li><a href="http:/">Video</a></li>

</ul>
</dd>
</dl>

<dl>
<dt onmouseover="javascript:montre('smenu3');">Services Inclus</dt>
<dd id="smenu3">

<ul>
<li><a href="http://">Etapes de la location</a></li>
<li><a href="http://">Etapes de la location</a></li>


</ul>
</dd>
</dl>

<dl>
<dt onmouseover="javascript:montre('smenu4');">Riviera Maya</dt>
<dd id="smenu4">
<ul>

<li><a href="http://">Riviera Maya</a></li>
<li><a href="http://">Playa del Carmen</a></li>
<li><a href="http:">Conseils de Voyage</a></li>

</ul>
</dd>
</dl>

<dl>
<dt onmouseover="javascript:montre('smenu5');">L'Equipe</dt>
<dd id="smenu5">
<ul>
<li><a href="http://">L'équipe</a></li>
</ul></dd>
</dl>

<dl>
<dt onmouseover="javascript:montre('smenu6');">Contact</dt>
<dd id="smenu6">
<ul>
<li><a href="http://">Contact</a></li>
</ul></dd>
</dl>


</div>