Idealne wyśrodkowanie listy(li)

Cześć,
napisałem na szybko taki kodzik: https://jsfiddle.net/9954f6gr/
Dlaczego lista nie jest idealnie wyśrodkowana? Muszę operować wtedy na

margin-right: Xpx;

gzie x: liczba pixeli.
Powodowane jest to przez kropkę przed

<li>

. Ustawienie: list-style: none; tylko ją wyłącza, natomiast margines po niej pozostaje.
Ile ta kropka w pixelach powoduje odstępu,żeby go potem skorygować do wyśrodkowania?

Nadaj elementowi ul padding: 0.

PS
Odwołuj sie do elementów w najkrótszy możliwy sposób, zamiast nav ul li a po prostu a. Jak masz elementy a w więcej niż jednym miejscu to nadaj im odpowiednie klasy.