IE6浮动元素呈现貌似天梯一样的效果

很多这样类似的结构，比如菜单栏导航栏。ul li a,在这里如果给a设置浮动的话，IE6就会出现bug，解决方法有2个第一种是给li设置浮动，第二种办法是给li设置display:inline;

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

        <ul id="d">  
      <li><a href="#" >Link 1 </a></li>  
      <li><a href="#" >Link 2 </a></li>  
      <li><a href="#" >Link 3 </a></li>  
     </ul>