CSS IE8 无法设置列表元素的样式

Question

我想制作一个有序的列表，居中且没有项目符号。最大的差距是我无法将其风格化为explorer 8。它不会水平对齐，而在所有其他浏览器中都是这样。我在网上读了很多书，但找不到解决办法。我最后一次尝试是复制我在"堆栈溢出"、"水平列表"中找到的代码，而不浮动LI但也就是这样，我无法让它发挥作用。请帮帮我！我会在这里张贴我的代码HTML:

<nav class="orizNav">
        <ul>
    <li><a href="onoranze.php" name="noi"><h3>chi siamo</h3></a></li>
    <li><a href="servizi.php" name="servizi"><h3>servizi</h3></a></li>
    <li><a href="epigrafiol.php" name="epigrafionline"><h3>epigrafi on line</h3></a></li>
    <li><a href="contatti.php" name="contatti"><h3>contatti</h3></a></li>
    <li><a href="index.php" name="inizio"><h3>inizio</h3></a></li>
    </ul>
</nav>

这里是CSS

.orizNav ul {
list-style: none;
padding-bottom: 10px;
height:16px;
}
.orizNav ul li {
position: relative;
display: inline-block;
*display: inline;
zoom: 1;
}
.orizNav {
position: relative;
margin-top: -30px;
text-align: center;
font-family: Fog;
font-size: 14px;
}

Answer 1

您的问题不在于CSS，而在于您添加的HTML5 <nav>标记，IE8无法将其识别为有效的HTML标记。

只需将这段代码粘贴在文档的头部即可：

<!--[if lt IE 9]>
<script>
document.createElement('header');
document.createElement('nav');
document.createElement('section');
document.createElement('article');
document.createElement('aside');
document.createElement('footer');
document.createElement('hgroup');
</script>
<![endif]-->

并添加这段CSS以使IE正常工作。

CSS

header, nav, section, article, aside, footer, hgroup { 
   display: block;
}

Answer 2

尝试将其添加到您的css文件中

header, nav, article, footer, address {  
    display: block;  
}

http://jsfiddle.net/alleks/n8z6W/