Antes de nada: ¿has visto el scroll horizontal que saca la página. sin necesidad?
Esto se debe a que:
Cita: #menu ul {border-left:1px solid #FFFFFF;
float:left;
left:450px;
position:relative;
top:157px;
width:768px;
}
al tener posición relativa, con left:450px; le das un gran desplazamiento desde la izquierda, pero aun así mantienes un ancho de 768px, y claro, se va por la derecha toda una gran parte vacía.
Arregla eso y miramos el otro problema.