Si vous avez un problème d'espacements fantômes sur les menus, entre les <li>, qu'ils soient en float ou en inline-block, voici l'astuce :

ul { line-height: 0; font-size: 0; }
ul li { line-height: XXem; font-size: XXem }

Avec XX la valeur normale du document. Par contre, je crois qu'il faut utiliser une valeur en pixel, vu que le EM sera un pourcentage du 0px du UL, et donc pas grand chose. Peut-être une utilité de l'unité « rem », pour « root-em » ?

Le bug vient du fait que les retours à la ligne dans le code HTML ne sont pas neutres : ils produisent un espacement de quelques pixels à l'affichage.
Si vous n'indentez pas le HTML, et que vous supprimez tous les retours à la ligne après les balises, vous n'aurez pas de problèmes.

Oui c'est un comportement tout pourri, et on s'arrache les cheveux si on ne sait pas d'où ça vient, car ni les marges/bordures/padding/outline ne changent quoi que ce soit. C'est comme parfois les blocs qui changent complètement de taille si on ne met pas de bordure. Du coup, on peut mettre une bordure d'un pixel avec le mot clé « transparent » pour la couleur, et ça corrige.