css - 字体大小在Chrome和Firefox中不显示相同的大小

我有一个<nav>元素和一个<div>元素，我希望第二个元素位于第一个元素的右边。在Chrome中，它显示正确：

enter image description here

但是在Firefox中：

enter image description here

我发现firefox中的字体大小比Chrome中的大一点。我的css是这样的：

#mainnav .menu > ul > li > a {
    font-size: 13px;
}

这是菜单中项目的字体大小，如果我在firefox中将其更改为12px，它看起来不错，就像在chrome中一样。我为firefox找到了一个属性font-size-adjust。我应该使用它还是有更好的方法使各种浏览器的字体大小相同？

如果您想在网站上对其进行测试，请点击此处：elbauldelprogramador.com