Css 在IE7中悬停时，项目轻微移动

我有一个项目，当在IE7中悬停时，会导致下面的项目发生轻微移动

您可以在此处看到有问题的项目：

在右侧边栏中，每个项目都有一个H2标题。当你在IE7中将鼠标悬停在上面时，下面的项目会向下移动2/3像素。如果将鼠标悬停在其他对象（如按钮）上，此较低的项目将返回其原始位置

我试着对我的悬停效果非常具体：

.right-item h2 a:hover {
margin-bottom: 5px;
border-bottom: none;
padding-bottom: 0;
text-decoration: none;
line-height: 30px;
}

但是没有成功

如果您能就如何解决这个问题提出建议，我将不胜感激

提前感谢,

---

Tom

您正在将

页边距底部添加到悬停状态

尝试删除此项，看看它是否解决了您的问题。
无法说明为什么要在悬停时添加以下规则，但正是这些规则导致您的内容发生了变化：

.right-item h2 a:hover {
    border-bottom: medium none;
    line-height: 30px;
    margin-bottom: 5px;
    padding-bottom: 0;
    text-decoration: none;
}

a:hover {
    border-bottom: medium none;
}

如果删除了所有浏览器中的所有内容，看起来都很好。
Hi Curt，我添加了边距底部以尝试与正常状态匹配，因为这也应用了5px边距底部。可悲的是，这没有效果，问题仍然存在。无论如何，谢谢。@TomPerkins好的，干杯！我没注意到您也将
边距底部应用于正常状态。仅供参考，您不需要在
：hover
状态中复制属性。浏览器将自动继承正常状态样式，并在
：hover
状态中使用冲突样式替代。谢谢您的消息。我知道重复声明是多余的，我只是添加了这个，看看IE是否在悬停时应用了额外的余量。谢谢你在这一点上的帮助。嗨，安德烈斯，我添加了第二个：悬停规则来停止链接在悬停时下划线。你完全正确，通过删除该规则，问题就解决了。万分感谢！