在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}