CSS HTML多行导航示例

我正在为网站创建水平导航。下面是一个标记的示例（我无法控制它，因为它是为我生成的）

---

有人能指出我哪里出了问题吗？文本没有垂直对齐，a标签的高度不是75px，而是文本的高度。

首先，它应该是

，对于单位来说没有“ems”这样的东西，它应该是

高度：2em

<代码>高度将不适用于任何具有

显示：内联

的块。它至少需要是

显示：内联块

最好的解决方案是使用，但它不适用于IE6和IE7（适用于IE8）

<div id="menu">    
    <ul class="menu">
        <li class="menu"><span><a>Link 1</a></span></li>
        <li class="menu"><span><a>Link 2</a></span></li>
        <li class="menu"><span><a>Link 3</a></span></li>
        <li class="menu"><span><a>Link 4</a></span></li>
        <li class="menu"><span><a>Link 5 a long one</a></span></li>
        <li class="menu" ><span><a>Link 6 a long one</a></span></li>
        <li class="menu"><span><a>Link 7</a></span></li>
        <li class="menu"><span><a>Link 8</a></span></li>
    <ul>
</div>

#menu { 
    text-align:center; 
}

#menu ul {
    display:inline-block;
    margin:0 auto;
    list-style:none;
}

#menu li {
    display:inline;
    height:2ems; 
}
#menu li a {
    display:block; 
    float:left;
    width:12.5%; 
    text-decoration:none; 
    padding:0; 
    height:75px; 
    text-align:center;
}