Question

below is the css script for menu of this site

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

the menu is displayed perfectly in chrome and FF .But in IE its not proper..

what is the solution to get it displayed properly in IE??

Edit1
This is how the menu looks in IE8

This is how menu looks in FF

Answer 1

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

IE8 display inline-block not working