浮動的div不是在IE9

Question

正確對準我遇到了漂浮的div在IE9的問題。第二個div（添加邊框後）看起來好像被分割成了兩個，盡​​管它是一個帶有標題標籤和無序列表的div。標題標籤正確顯示，而列表被推到第一個div下方，其他div則在列表旁邊浮動。如果我刪除了包含列表的div，則下一個div會發生同樣的情況;標題顯示正確，但圖像被推到第一個div下面。看看網站：http://www.greenhomesofmaine.com/向下滾動到頁腳。 IE9是唯一一個導致div不匹配的瀏覽器。

CSS：

#footertopbg { 
display: block; 
background: #333333; 
width: 980px; 
margin: 10px auto 0px; 
padding: 0px 0px 0px 0px; 
border-top: 5px solid #222222; 
} 

#footertop { 
float: left; 
display: block; 
line-height: 16px; 
background: #333333; 
width: 980px; 
margin: 0px 0px 0px 0px; 
padding: 0px 0px 0px 0px; 
} 

#footertop h4 { 
color: #FFFFFF; 
font-size: 16px; 
font-family: Arial, Helvetica, sans-serif; 
font-weight: bold; 
text-transform: normal; 
letter-spacing: -0.2px; 
margin: 0px 0px 10px 0px; 
padding: 20px 0px 5px 0px; 
text-decoration: none; 
border-bottom: none; 
} 

#footertop li { 
text-decoration: none; 
list-style-type: none; 
} 

#footertop li a, #footertop li a:link, #footertop li a:visited { 
color: #CCCCCC; 
font-weight: normal; 
text-decoration: none; 
} 

#footertop ul { 
list-style-type: none; 
margin: 0px; 
padding: 0px 0px 10px 0px; 
} 

#footertop ul ul { 
list-style-type: none; 
margin: 0px; 
padding: 0px; 
} 

#footertop ul li { 
list-style-type: none; 
margin: 0px 0px 8px 0px; 
padding: 0px; 
} 

#footertop ul li { 
display: inline; 
list-style-type: none; 
margin: 0px 0px 0px 0px; 
padding: 0px; 
} 

#footertop ul li a { 
background: none; 
display: block; 
padding: 5px 7px 3px 7px; 
margin: 0px 0px 8px 0px; 
border-left: 5px solid #333333; 
} 

#footertop ul li a:hover { 
background: none; 
color: #FFFFFF; 
display: block; 
padding: 5px 7px 3px 7px; 
border-left: 5px solid #0099CC; 
} 

#footertop .textwidget { 
color: #CCCCCC; 
line-height: 18px; 
} 

.footertopleft { 
width: 170px; 
float: left; 
display: inline; 
margin: 0px 10px 0px 15px; 
padding: 0px 0px 0px 0px; 
} 

.footertopmidleft { 
width: 170px; 
float: left; 
display: inline; 
margin: 0px 10px 0px 10px; 
padding: 0px 0px 0px 0px; 
} 

.footertopmid { 
width: 170px; 
float: left; 
display: inline; 
margin: 0px 10px 0px 10px; 
padding: 0px 0px 0px 0px; 
} 

.footertopmidright { 
width: 170px; 
float: left; 
display: inline; 
margin: 0px 10px 0px 10px; 
padding: 0px 0px 0px 0px; 
} 

.footertopright { 
width: 170px; 
float: right; 
display: inline; 
margin: 0px 15px 0px 10px; 
padding: 0px 0px 0px 0px; 
} 

我從來沒有遇到過的問題，像這樣的任何幫助將不勝感激。

Answer 1

嘗試在兼容模式下使用IE9。無論出於何種原因，有這樣的選擇和多次這是解決僅與IE9相關的愚蠢問題的唯一方法。