Php Firefox和android在处理某些CSS条目时遇到困难

我在让Android设备和Firefox识别一些CSS条目时遇到了一些问题。我相信这个问题与我正在结合class和id属性这一事实有关

以下是CSS：

ul#sub-notification {z-index:3;list-style:none;font-weight:bold;}
#sub-notification li{display:block;text-align:center;width:280px;padding:7px;background:#fff;border-left:1px #c0c0c0 solid;border-bottom:1px #c0c0c0 solid;border-top:1px #c0c0c0 solid;}
#sub-notification li a {color:#111;font-size:.9em;}
#sub-notification li:hover {background:#383838;}
#sub-notification li:hover  a {color:#33FF66;}
ul#sub-notification.click{display:block;position:absolute;right:0px;overflow-y:auto;overflow-x:hidden;max-height:500px;}
ul#sub-notification.unclick{display:none;}

以下是Firefox看到的实际通知区域的来源：

<!-- ### START notification ### -->
<div id="notification">
     <a href="#" title="notification" id='notification-link' class="unread">1    NEW Notification(s)</a>

      <ul id='sub-notification' class='unclick'>
           <li><a href="#" title="#">To ID: 9<br/>From ID: 3<br/>Read: 0<br/>Type: <em>0</em><br/>Text: <em>Test notification</em><br/></a>
        </li>
     </ul>                  
</div>
<!-- ### END notification ### -->

---

如果有人对正在发生的事情有建议或想法，那就太好了。IE、IE兼容模式、Chrome、Safari和Opera似乎都没问题。

哪些样式不适用？您能否澄清问题出现在哪些浏览器中？从你的问题来看，你可能指的是Android版Firefox或Android浏览器和Firefox。很抱歉不够清晰…三个没有应用的是：

ul#sub-notification{z-index:3；列表样式：无；字体重量：粗体；}ul sub-notification.click{显示：块；位置：绝对；右：0px；溢出-y:自动；溢出-x:隐藏；最大高度：500px；}ul#子通知。取消单击{显示：无；}

我在Chrome Android浏览器和Firefox 36.0.3中看到了这一点，我把它放在了a中，但Firefox、Chrome和IE之间应该有什么区别？它们都应该是这样显示的（1个新通知））在屏幕的最右侧，没有列表样式，但在FF 36中，我看到了项目符号，它位于左侧，因此列表样式：none和right:0px显然被忽略了。我不认为它应用了任何ul#sub通知样式