Pequeña separación entre elementos del menu

[MindPaniC]

Hola a todos, estoy creando mi website personal, todavia estoy probando ideas, lo que vais a ver es cutre salchichero.

Bueno, al grano, tengo un menu horizontal, y no se que ocurre que hay una ligera separación que no me gusta entre los elementos, lo podeis comprobar si poneis el raton encima de "CV". ¿Cómo puedo solucionarlo? Gracias majos.

Este es el sitio de pruebas >> http://pruebas.loslocostambientienenblog.com/

Este es el codigo del menu:

Código CSS:

#menu ul {
    margin-left:0;
    margin-top:3.19148936170213%; /* 30 / 940 */
    margin-bottom:3.19148936170213%; /* 20 / 960 */
    padding-left:0;
    padding-top:2.12765957446809%; /* 20 / 940 */
    padding-bottom:2.12765957446809%; /* 20 / 940 */
    background-color:#454648;
    border:1px solid #19191A;
    float:left;
    width:100%;
    text-transform:uppercase;
}
#menu ul li { 
    display:inline;
}
#menu ul li a {
    padding:2.12765957446809%; /* 20 / 940 */
    margin:0;
    background-color:#454648;
    color:#F5F5F5;
    float:none;
    text-decoration:none;
}
#menu ul li a:hover {
    background-color:#19191A;
    color:#FFFFFF;
}
#menu .active a {
    background-color:#19191A;
    color:#FFFFFF;
}
 

Saldos majos