2010-07-06 59 views
1

我有一個列表,每個列表元素都是內聯的。我向li a元素添加邊框,但除第一行之外的每一行都切出邊框和填充。它適用於除Internet Explorer 7以外的所有瀏覽器。您有任何解決方案嗎?Internet Explorer內聯邊框錯誤

alt text http://www.freeimagehosting.net/uploads/88ca5acd54.jpg

<div class="container"> 
<ul> 
    <li> 
     <a class="temakor" href="*" >??</a>&nbsp;x 12</li> 
    <li> 
     <a class="temakor" href="*" >??</a>&nbsp;x 5</li> 

    <li> 
     <a class="temakor" href="*" >??</a>&nbsp;x 4</li> 
    <li> 
     <a class="temakor" href="*" >??</a>&nbsp;x 3</li> 
    <li> 
     <a class="temakor" href="*" >??</a>&nbsp;x 2</li> 
    <li> 
     <a class="temakor" href="*" >??</a>&nbsp;x 2</li> 

    <li> 
     <a class="temakor" href="*" >??</a>&nbsp;x 1</li> 
    <li> 
     <a class="temakor" href="*" >??</a>&nbsp;x 1</li> 
    <li> 
     <a class="temakor" href="*" >??</a>&nbsp;x 1</li> 
    <li> 
     <a class="temakor" href="*" >??</a>&nbsp;x 1</li> 

    <li> 
     <a class="temakor" href="*" >??</a>&nbsp;x 1</li> 
    <li> 
     <a class="temakor" href="*" >??</a>&nbsp;x 1</li> 
    </ul> 
</div> 

CSS:

.container{ 
     padding: 5px 10px; 
     width: 200px; 
    } 

    ul{ 
     list-style-type: none; 
    } 

    li{ 
     display: inline; 
     line-height:30px; 
    } 

    li{ 
     color: #35a9e5; 
     font-weight:bold; 
     white-space:nowrap; 
    } 
     .temakor{ 
      color:#a2a2a2; 
      background-color:#3B3B3B; 
      border:2px solid #678194; 
      padding:3px 10px; 
     } 

回答

1

填充將無法正常工作同一個內聯元素,因爲它做了塊元素。

+0

做你想要顯示的李爲塊,並把它們飄浮剩下什麼。 – matpol 2010-07-06 12:42:52

0

嘗試添加樣式李

zoom:1; *display:inline; 
0

下解決了同樣的問題對我來說:

position:relative;