Javascript Superfish-悬停时链接宽度的更改

我使用Superfish开发一个网站，遇到了一个我无法解决的小问题

基本上，菜单看起来很好，直到您将鼠标悬停在带有子菜单的菜单项上。我启用了箭头来指示何时有子菜单，但当您将鼠标悬停在某个项目上时，文本会四处移动。我已经寻找了特定于悬停的样式，但我看不出是什么导致了这种情况

看起来锚点的宽度减少了2个像素，这意味着文本会移动。我尝试添加一个固定宽度，看看这是否能解决问题，但问题仍然存在

此外，在子菜单中，我将文本对齐设置为向左而不是居中-箭头仍在移动，但文本行为正常。我认为这只是锚的宽度变化，正如我前面提到的

我注意到的最后一件事是，当子菜单从“display:none”更改为“display:block”时，会发生这种情况，但我不明白为什么会导致文本移动

该网站是

若要重新创建问题，只需将鼠标悬停在“产品范围”或“新闻”上，您将看到子菜单打开，文本会稍微移动

---

谢谢

在我的firefox浏览器中运行良好。有你在谷歌浏览器中提到的问题。 I残疾人士：

这条规则：

显示：表格单元格

根据：

.home .sf-menu li a 

.home .sf-menu li a 

这消除了Chrome中的“跳转”问题，但显然有点弄乱了格式

不使用“表格单元格”就可以实现格式设置吗

也许只是换个地方

padding: 0 20px;

到

在

.home .sf-menu li a