CSS菜单仅在第一次悬停时移动

Question

我这里有一个CSS菜单 http://www.salvationarmyqc.org/

当我将鼠标悬停在菜单上时，它会移动但只是第一次发生悬停事件。

之后，它不会移动。

我无法弄清楚为什么会这样。

Answer 1

你的#navigation从34的高度跳到36px。您可以将其静态设置为34像素，或者将填充和边距设置为0以用于所有li。

Answer 2

你能发布你的CSS吗？

从外观上看，您在悬停时设置边框宽度，将菜单项向下推。您可以尝试使用绝对定位，并将顶部高度调整为-1或类似值。

例如，你的CSS可能看起来像。

#listContainer{position:relative;}
.listItem{position:absolute;top:0;}
.listItem:hover{top:-1;}

我不确定为什么整个导航菜单会在没有看到你的CSS的情况下向下移动。