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标签问题

回答

相关问题