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

[Pleyano]

El problema es que has puesto los elementos de la lista con la propiedad display: inline. Para solucionarlo puedes, o bien escribir todos los elementos <li> sin saltos de línea (chapuza), o bien flotar los <li> con float: left y ponerle la propiedad display: block y después su respectivo padding

[MindPaniC]

ufff es que si hago eso se me desarma entero, ya me costo mucho arreglarlo para el tema de diseño responsivo

[Pleyano]

Y qué tal si le pones márgenes negativos ?

[C2am]

Tal vez este articulo te oriente sobre el tema:
http://ksesocss.blogspot.com/2012/03...empeno-en.html

Saludos

[MindPaniC]

Muchas gracias, lo he conseguido con margin-right negativo.

Saludos