CSS IE8不能设计一个列表元素

Question

我想制作一个有序列表，居中且没有子弹。最大的差距在于我无法将其设计成资源管理器8，它不是水平对齐的，而是在其他所有浏览器中。我在网上阅读了很多，但我找不到解决方案。我最后的尝试是复制我在这里找到的代码“堆栈溢出”，Horizontal Lists without floating the 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文件

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

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

Answer 2

您的问题，这增加不是与你的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; 
}