導航是不是在IE

Question

正確顯示我想..

<!--[if IE 7 ]> 
    <link href="http://www.mulberrydesignerkitchens.com/wp-content/themes/MBK/ie7.css" rel="stylesheet" type="text/css"> 
<![endif]--> 

<!--[if IE 8 ]> 
    <link href="http://www.mulberrydesignerkitchens.com/wp-content/themes/MBK/ie8.css" rel="stylesheet" type="text/css"> 
<![endif]--> 

CSS

header{ 
    position: relative; 
    background:#7a2652; 
    height: 75px; 
} 
header #telephone { 
    float: right; 
    color: #fff; 
    margin-top: 10px; 
    padding-right: 10px; 
    width: auto !important; 
} 
header #telephone p { 
    padding: 0; 
    margin: 0; 
    font-size: 10px; 
    float: left; 
    margin-top: 2px; 
    color: #fff; 
} 
header #telephone img { 
    float: left; 
    margin-left: 5px; 
    margin-right: 5px; 
} 

/* 
--------------------------------------------------------------------------------------- nav 
*/ 

nav#primary-menu { 
    height: 37px; 
    position: absolute; 
    right: 2px; 
    top: 38px; 
    width: 685px; 
    list-style: none outside none; 
} 

nav#primary-menu div { 
    background: none repeat scroll 0 0 #833B5D; 
    float: right; 
    height: 37px; 
    margin-left: 32px; 
    width: 645px; 
} 

nav#primary-menu ul#menu-mainnav { 
    list-style: none outside none; 
} 

nav#primary-menu ul#menu-mainnav li { 
    height: 37px; 
    margin: 0 -10px 0 -37px; 
    overflow: visible; 
    padding-left: 37px; 
    padding-right: 10px; 
    position: relative; 
    width: 80px; 
    z-index: 1; 
    float:left; 
    display: inline-block; 
    list-style: none outside none; 
} 

nav#primary-menu ul#menu-mainnav li:hover:last-child { 
    background: url("images/nav-last-bg.png") no-repeat transparent; 
} 

nav#primary-menu ul#menu-mainnav li:first-child { 
    background: url("images/nav-first-bg.png") no-repeat scroll left center transparent; 
}  

nav#primary-menu ul#menu-mainnav li:hover { 
    background: url("images/nav-current-bg.png") no-repeat scroll left center transparent; 
} 

nav#primary-menu ul#menu-mainnav li.current-menu-item { 
    background: url("images/nav-current-bg.png") no-repeat scroll 0 0 transparent; 
} 

nav#primary-menu a { 
    color: #FFFFFF; 
    float: left; 
    font-size: 9px; 
    line-height: 120%; 
    padding-bottom: 8px; 
    padding-top: 7px; 
    text-align: left; 
    text-decoration: none; 
    width: 60px; 
} 

nav#primary-menu a:hover { 
    color: #FFFFFF; 
} 

nav#primary-menu a:visited { 
    color: #FFFFFF; 
} 

nav#primary-menu ul#menu-mainnav li ul.sub-menu { 
    list-style: none outside none; 
} 

，但並嘗試添加一些CSS，但什麼也沒發生，請告訴我該怎麼做。

該網站在Firefox中看起來不錯，但在IE中完全搞砸了。請幫助我如何在IE中對此進行排序。

http://i.stack.imgur.com/Xp51g.jpg

請查看上面的圖片，引導我怎樣才能解決這一問題。

Answer 1

您正在使用IE支持的HTML5元素。

使用此js http://code.google.com/p/html5shiv/代替HTML5標記支持IE。

Answer 2

在IE中，因爲頁面包含許多HTML和CSS錯誤，所以會觸發怪異模式。這弄亂了你的頁面。 用W3C HTML validator檢查您的網站並修復這些錯誤。

Answer 3

您使用HTML5，使用此：

<!--[if lt IE 9]> 
     <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> 
    <![endif]-->