Html IE7错误-主框在悬停时向左移动

我试图在IE7中解决这个问题，当你将鼠标悬停在IE7上时，它不会保持在原来的位置，而是会转到左侧。我尝试了display:inline，但在这种情况下它不起作用。
您可以在这里测试：
这是我用于主框（中间一个）的代码：

---

提前感谢

Huhh，奇怪的bug，您可以通过正确包含您的#主内容id来修复它。只需将此添加到其中：

display:inline-block;

---

问题是由

#主内容
上的
位置：相对
引起的。如果将其移除，容器将不再跳转：

#main-content {
    margin-top: 20px;
    position: relative; /* delete this */
}

另外，您可能已经注意到您的
.sites
div没有正确排列。添加
left:0
将修复以下问题：

.results #container UL LI.box .left-side .sites{
    width: 90px;
    text-align: center;
    position: absolute;
    bottom: 10px;
    left: 0; /* add this */
}

还有更多内容-容器中是否有指定了：hover样式的元素？是的-您需要向我们提供可能会影响您的元素的
\uuuuuu:hover
元素。另外，请提供更多关于您的问题的见解-悬停时什么在移动？没有：悬停这是一个常见的错误！正如我提到的，中间的方框向左移动。谢谢你的评论。谢谢你的回复，我相信这将有助于IE未来的bug。我删除了它，它工作了。非常感谢。关于.sites，我只为IE7设置了边距，以便它看起来与其他浏览器相同，但您解释的方式是语义方式。谢谢你的时间和帮助。哦，上帝，谢谢你！xD我也有同样的错误，我没有希望了。愚蠢的人…：）
.results #container UL LI.box .left-side .sites{
    width: 90px;
    text-align: center;
    position: absolute;
    bottom: 10px;
    left: 0; /* add this */
}