Quando se usa display: inline-block o elemento cria uma margem extra, isto porque, inline-block é considerado um texto.
Uma solução bizarra pra esssa porra, é deixar todos os elementos na mesma linha :-(
Uma solução menos amigavel, mas um pouco melhor que deixar na mesma linha é deixar um comentario entre os elementos. :-|
A solução mais amigavel e indicada é colocar uma elemento PAI em volta dos filhos e usar letter-spacing. ;-)
Nesse caso usamos o tamanho negativo em EM, que independente da fonte do browser e do zoom da página, ele vai zerar as margens:
* Dica do coisa!
Ou usando margin-left negativa. - Luiz Felipe Tartarotti Fialho
Espero que sirva