IE8 css问题菜单栏显示不正确

Question

下面的

是this site

菜单的css脚本

 #navmenu{
 z-index:99999;
 margin-top:40px;
 margin-left:400px;
 position:absolute;
 }

 #navMenu li {
 float:left;
 color:#ececec;
 list-style-type:none;
 }

 #navMenu ul {
 margin-left:300px;
 margin-top:70px;
 font-size:16px;
 color:#000000;
 }


 #navMenu li a{
 width:70px;
 height:15px;
 display: inline-block;
 font-weight:700;
 float:left;
 color:#707070;
 display: block;
 padding: 8px 12px;
 text-decoration: none;display: block;
 padding: 8px 12px;
 text-decoration: none;
 background-image: url(img/image_menubutton.JPG);
 border-right:1px solid white;
 margin-right:12px;
 font-family:"Georgia",Georgia,Serif;
 font-weight:900;
 font-size:19px;
 text-align: center;

 }
 #navmenu li.item1{background-image: url(img/about.JPG);}

菜单在chrome和FF中完美显示。但在IE中它不合适..

在IE中正确显示它的解决方案是什么？

EDIT1 这就是菜单在IE8中的外观

菜单在FF中的显示方式

Answer 1

检查您的doctype以确保IE了解inline-block

IE8 display inline-block not working