Mozilla中的CSS標籤問題

我想弄清楚爲什麼我的標籤在基於webkit的瀏覽器，甚至IE7 +中看起來不錯。出於某種原因，它們在Mozilla中看起來很詭異。任何人都可以給我一些技巧來解決這個問題？Mozilla中的CSS標籤問題

這裏是CSS：

 <style type="text/css"> 


     ul#activity-tabs { 
      text-align: right; 
      border-bottom: 1px solid #cccccc; 
      list-style-type: none; 
      padding: 3px 10px 3px 10px; 
     } 

     ul#activity-tabs li { 
         display: inline; 
     } 

     ul#activity-tabs li.tab1 { 
        background-color: #fff; 
     } 

     ul#activity-tabs li.tab1 a { 
        padding: 3px 4px; 
        border: 1px solid #cccccc; 
        background-color: #fff; 
        color: #333333; 
        position: relative; 
        top: 1px; 
        margin-right: 0px; 
        text-decoration: none; 
        border-bottom: none; 
        padding-top: 4px; 
     } 

     ul#activity-tabs li.tab1 a:hover { 
          background: #fff; 
     } 

     ul#activity-tabs li.tab2 { 
        background-color: #fff; 
     } 

     ul#activity-tabs li.tab2 a { 
        padding: 3px 4px; 
        background-color: #fff; 
        color: #333333; 

        margin-right: 0px; 
        text-decoration: none; 
        border-bottom: none; 
        padding-top: 4px; 
     } 

     ul#activity-tabs li.tab2 a:hover { 
          padding: 3px; 
          border-top: 1px solid #cccccc; 
          border-left: 1px solid #cccccc; 
          border-right: 1px solid #cccccc; 
     } 

    </style>

在HTML：

<ul id="activity-tabs"> 
    <li class="tab1"><a href="">Tab 1</a></li> 
    <li class="tab2"><a href="">Tab 2</a></li> 
</ul>

任何幫助，將不勝感激。謝謝！

來源

2011-04-24 pkr

他們看起來OK，我在Firefox – marcosfromero 2011-04-24 05:33:01

他們看起來OK我;我看到的唯一問題是''後面的垃圾腳本類似的東西，並且也在Safari中顯示。也在Firefox 4中使用 – 2011-04-24 13:43:19

這就是他們看在我的Firefox 3.6.10

來源

2011-04-24 06:45:18

。 – 2011-04-24 06:51:23

Mozilla中的CSS標籤問題

回答

相關問題