css - IE8cssssuesメニューバーが正しく表示されない

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);}

メニューはクロームとFFで完全に表示されますが、IEでは適切ではありません。

IEで正しく表示するための解決策は何ですか？

Edit1 これはIE8でのメニューの外観です

これがFFでのメニューの見え方です

Answer 1

Doctypeをチェックして、IEが理解していることを確認してくださいinline-block

IE8ディスプレイインラインブロックが機能しない