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>