tienes que ponerlo dentro del wrapper, ya que sus CSS son los que centran todo, quedaría así:
Código:
<body>
<div id="wrapper">
<div class='menu'>
<!-- RESTO DEL CODIGO AQUI -->
EDITO: He probado tu código y el menú desplegable no funciona, para que funcione tienes que añadirle un css más:
Código:
.menu ul li:hover ul{display:block;}
Esto lo que hace es que te muestra el segundo ul cuando pones el ratón encima del primer li, es lo único que te falta.
Un saludo.