Problema con Menu CSS desplegable

Alguien podria decirme porque pasa esto en el menu:

http://www.pausus.com/pau

Al pulsar una opción del submenu se mueve... He mirado en todos sitios pero no lo veo. Me pasa tanto si lo hago con js como si lo hago en CSS puro. Pasa tanto en explorer como en mozilla. Si hace falta pongo los códigos.

Gracias de antemano

Creo que lo primero que deberías hacer es pasar tus códigos por el validador (html y css) y corregir los errores.

Creo que cosas como a :hover (con el espacio) posíblemente sean despistes.

Sobre el movimiento de las opciones del submenú se deben a:

Código :

a:focus  {
width : 0;
height : 0;
outline : 0;
} 

Elimina esa declaración, ya que para los a:hover tienes margin y padding declarados.

Incluye un reset en tu css, el más sencillo podría ser:

Código :

* {
margin: 0;
padding: 0;
border: 0;
outline: 0;
}

Saludos

Muchísimas gracias, quitando el código que me has dicho me ha funcionado. Ese código lo puse para quitar la linea discontinua que aparecia en los enlaces. Me ha vuelto loco.

Lo del validador de css, tengo la barra de firefox web developer y no me encuentra ningún fallo. No se si me dejo algo.

No he encontrado donde sale a :hover

y lo del código de resetear lo incluyo así tal cual en el css?

Código :

* {
margin: 0;
padding: 0;
border: 0;
outline: 0;
}

Para qué sirve?

Cada vez que resuelvo una duda de este modo me emociono. Te das cuenta de que una pequeña cosa puede hacerte desesperar y en un momento volver a tener esperanza. Muchas gracias de nuevo.