IE 7 Float drop bug

Question

即使是最簡單的佈局，我也遇到過無數次這個問題。似乎我網站上的每個浮動元素（在IE 7中，IE 8都可以）逐漸下降。

錯誤：http://img232.imageshack.us/img232/4239/floatdrop.jpg

基本上所有我擁有的是與無序列表中3項的列表。 （如截圖所示）。網站周圍的各種其他元素（如列）也被打破。我已經絕對刪除了所有內容，但問題依然存在。

我可以使用什麼解決方案來使該網站在> Ie7中可用。

CSS：

#home #right-column ul { 
position: absolute; 
width: 100%; 
bottom: 0px; 
margin-top: 14px; 
} 
#home #right-column li a { 
display: inline; 
float: left; 
width: 115px; 
padding: 3px 5px 3px 5px; 
margin-right: 20px; 
text-align: center; 
color: #ffffff; 
background-color: #70cbd2; 
} 

Answer 1

附截圖正確呈現。由於LI不是浮動的，它們默認爲100％寬度。

浮動LI而不是A s應該解決問題。

Answer 2

你LI的關閉。嘗試像這樣：

#home #right-column ul { 
    position: absolute; 
    width: 100%; 
    bottom: 0px; 
    margin-top: 14px; 
} 

#home #right-column li { 
    display: block; 
    float: left; 
    margin-right: 20px; 
} 

#home #right-column li a { 
    display: block; 
    width: 115px; 
    padding: 3px 5px 3px 5px; 
    text-align: center; 
    color: #ffffff; 
    background-color: #70cbd2; 
}