ok, no se exactamente que errores tuve, pero si se que tu codigo es mas corto y simplificado y funciona mejor.
Al parecer le talon de aquiles fue:
FLOAT, que elimina el espacio existente entre anchors, no tengo la menor idea por que...
lo unico que te falto, es <Ul>, para corregir el margin por defecto, ya que se veia mal..(solo se veia bien con float:right;)
y lo arregle con lo siguiente:
#menu ul{
margin:0px 10%;
}
para que quedara seudo-centrado, como yo quiero
alguien prodria decirme por que float lo arregla?