Inconveniente al centrar lista

[Carlmycol]

Muy buenas noches, tengo el siguiente problema, he dado este código para decorar unas listas, para que queden redondas y de 85px de diametro

Código CSS:

#site-description-list ul
{
    text-align:center;
    list-style-type:none;
}
#site-description-list ul li
{
    margin:10px 5px 10px 5px;
    background: rgba(71, 169, 165, 0.5);
    -webkit-transform: scale(1);
    -webkit-transition-timing-function: ease-in-out;
    -webkit-transition-duration: 110ms;
    -webkit-backface-visibility: visible;
    -webkit-perspective: 0;
    -moz-transition-timing-function: ease-in-out;
    -moz-transition-duration: 110ms;
    -moz-border-radius: 85px;
    
    -o-transition-timing-function: ease-in-out;
 
 
    width: 85px; 
    height: 85px; 
    display: inline-block;
    
    font-size: 1.05em;
    text-align:center;
 
    color: #fff;
    color: rgba(240, 240, 240, 1);
 
    font-weight: 700;
    text-decoration:none;
    border-radius: 85px;
    border: none;
    line-height: 82px;
    font-family: 'Francois One', arial, serif;
 
    cursor:default;
}
 

Peeeero, no he logrado que se centre como es debido, si estas gustoso, mira la imagen http://www.dropmocks.com/iXOFo

Como verán, la lista de circulos queda mas a la derecha que centrado O.o ¿Por qué será? Otra cosa, estoy pensando que este código no es compatible con todos los navegadores, bueno no se jeje. Agradecería cualquier respuesta y recomendación.

Saludos, Dios les bendiga.