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;