No sé si sea porque lo estás cambiando, pero veo que en tu HTML sí agregas un wrapper pero no le asignas ninguna propiedad en el CSS (ni siquiera aparece).
Agrega esto a tu CSS y debería solucionarse:
Código:
#wrapper{width:680px; margin:auto; overflow:auto;}
En el menú, veo que haces esto:
Código:
#menu {
width: 680px;
height: 51px;
margin: 22px auto;
}
Con "margin:22px auto;" lo que estás haciendo es establecer un margen de 22 pixeles arriba, y 22 pixeles abajo; además de centrarlo. Creo que por esto es que tu div pone el margen.
Creo que con eso es suficiente.
PD: Hasta ahora veo la manera en la que intentas poner tu cabecera x_X, eso debes ponerlo en un div con fondo, y dentro el menú.
Saludos ;)