导航是不是在IE
问题描述：
正确显示我想..导航是不是在IE
<!--[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
请查看上面的图片，引导我怎样才能解决这一问题。
答
在IE中，因为页面包含许多HTML和CSS错误，所以会触发怪异模式。这弄乱了你的页面。 用W3C HTML validator检查您的网站并修复这些错误。
+0
的旧版本共有4个样式表。 style.css，theme.css，ie7.css和ie8.css ..这些样式表现在都是空的，但是现在有2个样式表正在工作 – Muzammil 2012-04-12 12:53:57
+0
由于新的见解而编辑了我的答案 – 2012-04-12 12:54:41
答
您使用HTML5，使用此：
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
我们需要看到您的标记和CSS – 2012-04-12 12:45:46
是的，我们需要的代码。它可能只是你的缓存，它保持页面 – Roger 2012-04-12 12:46:52