Existem duas maneiras de remover espaçamento extra de listas com li {display: inline-block}:
a) Remova qualquer espaço em branco entre os elementos da lista (o que resulta em um código feio e ilegível)
b) Dê à lista um tamanho de fonte 0 e, em seguida, redefina o tamanho da fonte para os elementos da lista:
ul {font-size: 0}
li {font-size: 14px}
Você deve usar unidades absolutas, como pixels, pois em são relativos ao tamanho da fonte do elemento pai.