css - IE8 css ssues 菜单栏显示不正确

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 中正常显示？

编辑1这是菜单在 IE8 中的样子

这是FF中菜单的样子

Answer 1

检查您的文档类型以确保 IE 理解 inline-block

IE8 display inline-block not working