在IE瀏覽器不能正常工作水平導航看起來FF和Chrome良好

Question

我一直在尋找的CSS代碼相當長一段時間，並已多次嘗試得到這個頁面：http://appraisalline.com/chicagoappraisals/正確顯示在IE瀏覽器，但無濟於事。我試圖解決的CSS代碼是這樣的：

nav { 
padding: 0px 0px 3px 0px; 
width: 100%; 
height: 50px; 
overflow: hidden; 
} 

nav ul { 
background: url(../images/nav-li-bg.gif) right top no-repeat; 
height: 50px; 
overflow: hidden; 
float: left; 
} 

nav ul li { 
font-size: 13px; 
line-height: 24px; 
float: left; 
background: url(../images/nav-li-bg.gif) 0 0 no-repeat; 
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; 
margin-left: -2px; 
} 

nav ul li a { 
color: #fff; 
text-decoration: none; 
display: inline-block; 
cursor: pointer; 
text-transform: uppercase; 
position: relative; 
font-weight: bold; 
margin: 0 0px 0 0; 
} 

nav ul li a span { 
background: none; 
display: inline-block; 
padding: 0px 6px 0 6px; 
} 

nav ul li a span span { 
background: none; 
padding: 13px 17px 13px 16px; 
} 

nav ul li a:hover, nav .active { 
background:url(../images/nav-left.gif) left top no-repeat; 
color:#fff; 
} 

nav ul li a:hover span, nav .active span { 
background:url(../images/nav-right.gif) right top no-repeat; 
} 

nav ul li a:hover span span, nav .active span span { 
background:url(../images/nav-tail.gif) 0 0 repeat-x; 
} 

nav .first {margin: 0;} 

任何和所有的幫助，爲什麼這不是渲染讚賞。謝謝！

Answer 1

你試圖風格的HTML5元素（在這種情況下，導航元素）IE9之前的IE版本不明白。如果你覺得你使用HTML5的墊片要的風格這些元素：

http://code.google.com/p/html5shim/

在短期內更好的解決方案，在我看來，還不如直接樣式的新元素，但其他相當時尚元素和只需使用HTML5元素來實現語義結構。 Shim正在做的是使用JavaScript創建元素，然後允許在不理解元素的瀏覽器中將css規則應用於它們。

Answer 2

，在跳出我的第一件事是，你所使用的是肯定不會在舊版本的IE工作的HTML5導航標籤。在IE9中運行良好。

它很可能是最簡單的，如果你在乎IE簡單地使用div的向後兼容性。