espacio izquierdo en lista horizontal

[evoarte]

buenas noches,

trato de personalizar un menú, y por muchas vueltas que le doy, hay una pequeña cosa, que no logro solucionar, cuando centro los elementos de la lista horizontalmente eliminando #menuhore li {float:left}, al cambiar el fondo de cada elemento con #menuhore a:hover hay un pequeño margen a la izquierda, de manera que no se cubre de border a border,

lo he revisado unas cuantas veces, y no lo veo, este es el código css, el código html es simplemente una lista ul con sus correspondientes elementos li para las opciones del menu:

Código CSS:

#menuhore {
     height: 40px;
     width: auto;
     margin: 0px auto;
     text-align: center;
     background: #455868;
     font-size: 11pt;
     font-family: Capriola, Arial, sans-serif;
     font-weight: normal;
     position: relative;
     border: 2px solid #455868;
     border-radius: 5px;
}
 
#menuhore ul {
     padding: 0px;
     margin: 0px auto;
     width: auto;
     height: 40px;
}
 
#menuhore li {
     display: inline;
     float: left;
}
 
#menuhore a {
     color: #fff;
     display: inline-block;
     width: auto;
     padding:0px 10px;
     text-align: center;
     text-decoration: none;
     line-height: 40px;
}
 
#menuhore li a {
     border-right: 1px solid #576979;
     box-sizing:border-box;
}
 
#menuhore li:last-child a {
     border-right: 0;
}
 
#menuhore a:hover, #menuhore a:active {
     background-color: #8c99a4;
}
 
#menuhore .active a {
     background-color: #8c99a4;
     cursor: default;
}
            
#menuhore a#pull {
     display: none;
}
 

gracias.