Internet explorer 8 IE8显示内联块问题

由于某些原因，IE-8没有在线显示我的菜单。（见附图） 我的代码是：

#navigation #main-menu {
    display: inline-block;
    float: none;
    margin: 0 auto;
    padding: 0;
    position: relative;
    text-align: center;
    line-height: 18px;
    font-size: 12px;
    list-style: none;
}

我找到了下面的帖子。已尝试添加Doctype，并添加了以下代码：

<!-- [if lt IE 8]>
<style type="text/css">
  #navigation #main-menu {
  display: inline;
  }
</style>   
<![endif]-->

还是不行，有什么建议吗？您可以在此处看到该问题的图片：

以下是html代码：

<ul style="margin-top:20px;margin-right: 10%;" class="nav-collapse collapse" id="main-menu">
    <li class="active"><a href="#page-welcome">Home</a></li>                                              
    <li class=""><a href="#page-about">About</a></li>
    <li><a href="#page-features">Services</a></li>
    <li><a href="#page-work">Work</a></li>                       
    <li><a href="#page-contact">Contact</a></li>

你也可以在www.preciseos.com上看到这个问题

谢谢，

---

Oz

首先，确保使用选择器以

li

元素为目标

#navigation #main-menu li

也可以尝试使用

float

而不是

display:inline

#navigation #main-menu li {
    display: block;
    float: left;
    margin-right: 10px;
}

它破坏布局的原因是
IE8
不支持HTML5元素，如
nav

相反，您可以使用
标记或尝试包含javascript变通方法来支持
IE
，正如Surjith SM所说，IE8不支持HTML5元素，如nav。
通过添加以下代码解决了此问题：

<!--[if lte IE 8]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->



html5shi（m | v）为所有html5元素创建文档元素，以便CSS中的样式可以生效。IE的默认行为是忽略未知元素。欲了解更多信息，请参见
一点html和更多css，因为现在还不清楚哪个元素是#主菜单，以及其中的内容。如果条件为：
，则在css中。这有帮助吗？谢谢，我已经添加了一些HTML代码，为什么不添加htis呢？他不使用HTML5，他的HTML中没有称为nav@OzPorat请尝试一些我建议的修复方法，并让我知道
<ul id="main-menu">
    <li class="actives"><a href="#page-welcome">Home</a>

    </li>
    <li class="actives"><a href="#page-about">About</a>

    </li>
    <li class="actives"><a href="#page-features">Services</a>

    </li>
    <li class="actives"><a href="#page-work">Work</a>

    </li>
    <li class="actives"><a href="#page-contact">Contact</a>

    </li>
</ul>

 .actives {
     display: inline;
    padding:10px;
     float: left;
 }
 a {
     text-decoration:none;
 }

<!--[if lte IE 8]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->