HTML - 菜单项在90％和110％缩放时关闭一个像素

Question

我为我工作的公司更新了网站的内容（不是通过CMS）。我绝不是专家，但可以满足我们的需求。 http://www.surreyilc.org.uk是网站。

我最近看到第一个顶栏菜单项（HOME / WHO WE ARE）的位置错误，无法解决它发生的原因。

菜单项＆＃39;当你在Chrome，Firefox和IE中放大90％和110％时，定位是一个像素。所有其他缩放量都不会在定位中显示此错误。

有人可以告诉我为什么要这样做，并且可能有办法解决这个问题吗？

非常感谢你。

Answer 1

删除菜单项的高度和填充顶部，并使用下面的样式

a.navitem, a.navitem:link, a.navitem:visited, a.navitem:active
{
    ...
    height: 35px;
    line-height: 35px;
}
a.navitem.double, a.navitem.double:link, a.navitem.double:visited, a.navitem.double:active
{
    ...
    line-height: 16px;
}