在 IE7 中导航没有正确显示

Question

**HTML**
<ul class="navlist">
    <li><a href="index.html">About</a></li>
    <li><a href="agenda.html">Agenda</a></li>
    <li><a href="speaker.html">Speakers</a></li>
</ul>

**CSS**
.navlist {  
    margin :0;
    list-style-type: none;
}

.navlist li a {   
    text-decoration: none;
    font-size:18px;
    color:white;
    background:#63B3E4;
    padding: 10px 50px;
    border-right:1px solid white;
}

.navlist li a:hover {
color:#63B3E4;
background:white;}

.navlist li {
    float: left;
}

JSFIDDLE 在 IE7 中导航没有正确显示。填充在 IE7 中不正确。如何解决这个问题。问题仅限于 Internet Explorer 7。

Answer 1

我这里没有IE，所以这只是一个提示：

.navlist li a {display: block}