css - IE8 css 菜单栏无法正确显示

Question

下面是本站菜单的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

Check your doctype to make sure IE is understanding inline-block

IE8 display inline-block not working