li里的a标签浮动了，为什么li本身也浮动了？

<ul>  
    <li><a href="#"></a></li>  
    <li><a href="#"></a></li>  
    <li><a href="#"></a></li>  
</ul>


ul {  
    list-style: none;  
}  

a {  
    display: block;  
    width: 130px;  
    height: 30px;  
    text-align: center;  
    color: #fff;  
    float: left;  
    background: #95CFEF;  
    border: solid 1px #36F;  
    margin: 30px 5px;  
}