html - IE 不对齐 float 的面包屑

Question

页面上的面包屑here如果有人可以看一下，在 IE 中没有正确对齐，这是 CSS:

.crumbs {
margin: 3px 0 18px;
text-transform: uppercase;
border-bottom: 5px solid #323336;
padding-bottom: 10px;
}

.crumbs li {
float: left;
padding-right: 5px;
color: #999;
}

.crumbs li a {
padding: 0 3px;
}

和 html:

<div class="crumbs clearfix">
   <ul>
        <li><a href="#"></a>»</li>
        <li><a href="#"></a></li>
   </ul>
   <a class="top_submit" href="#"></a>
</div>

任何想法表示赞赏

Answer 1

.crumbs 里 移除左侧 float ，添加内联显示和行高 100%

.crumbs li{display:inline; line-height:100%}

让我知道这是否有效