IE7 Bug - 主框在悬停时向左移动

Question

我正在尝试在IE7中解决这个问题，当你将鼠标悬停在它上面时，它不会保持在它的位置，而是会转到左侧。我尝试过显示：内联但在这种情况下不起作用。
您可以在此处进行测试：http://www.sneakyrascal.com/kayak/results.html
这是我用于主框（中间的）的代码：

.results #container{ 
    float:left;
    width: 527px;
    margin:38px 0 0 20px;
    padding-left:1px;
    position: relative;
    border: #ccc 1px solid;
    background: #fff;
}

提前致谢

Answer 1

问题是由position:relative #main-content引起的。如果你将其删除，容器将不再跳转：

#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 */
}

Answer 2

嗯，奇怪的错误，你可以通过正确包含你的#main-content id来修复它。只需添加它：

display:inline-block;