Problema con lista el chrome

[KoswiDigital]

Te pongo un ejemplo completo para que veas el funcionamiento:

Código CSS:

ul
{
    position: relative;
    height: 30px;
    margin: 0 auto 8.5px;
    padding: 5px 0;
    font: 1em Arial, sans-serif;
    text-align: center;
}
    ul li
    {
        display: inline;
    }
        ul li a
        {
            display: block;
            float: left;
            margin-top: 5px;
            padding: 2px 2.75em;
            color: #eaeef1;
            background: #222;
        }
            ul li a:hover , ul li a.selected
            {
                color: #F376DC;
                background: #672B5D;
            }
 

Según el padding que le des al ancla, cubrirás más o menos espacio en el enlace.


Creo que así solucionas. Saludos :)