Html firefox 3.6做了哪些改变<；ul>'；它的表现不同吗？

编辑（发现的解决方案）

谢谢大家在这方面的帮助。问题是其中一行CSS中有一个错误（这是一个大型项目，有一个巨大的组合CSS文件，所以很难发现）。这就是问题所在：

background:transparent url(sf-pager.gif') repeat-x scroll bottom;

注意缺少的撇号。IE6、IE7和Firefox3.5似乎只是忽略了这一行，并继续使用组合CSS文件的其余部分，没有问题。Firefox 3.6和Google Chrome在这一行出现错误，拒绝包含组合CSS文件的其余部分。问题解决了

这是未经编辑的原始问题

我正在为IE6开发一个webapp（不幸的是），但同时也在使用firefox和chrome。我注意到一个奇怪的问题，我的ul列表没有在chrome中正确呈现。它们在IE6/IE7和firefox 3.5中表现良好，但升级到firefox 3.6后，现在看起来与chrome相同。以下是此菜单的外观（IE6/firefox 3.5）：

以下是Chrome和Firefox 3.6中的外观：

代码大致如下所示：

<ul id="navMain">
  <li class="navMainLink">Top header</li>
  <li class="navMainLink">Top header 2 with dropdown
    <div class="navpop-wrapper" style="display:none;">
      <div class="navpop">
        <div class="navpop-header">A header in the popup</div>
        <div class="navpop-body">
          <ul>
            <li>An item</li>
          </ul>
        </div>
      </div>
    </div>
  </li>
</ul>

下面是CSS：

#navMain
{
    float: right;
    height: 2.5em;
    padding-bottom: .4em;
    width: 420px;
    list-style: none; 
    margin:0;
}
.navpop-wrapper
{   
    display:block;
    position:absolute;
    width:276px;
    z-index:10000;
    padding: 2px 2px 2px 2px;
}
.navpop
{
    background:white;
    margin:0;
    display:inline-block;
    width:100%;
    padding-top:6px;
    padding-bottom: 3px;
}
.navpop-header
{
    height:19px;
    margin:4px;
    clear:both;
}
.navpop-body
{
    clear:both;
}
.navpop-body div
{
    width:50%;
    float:left;
    display:inline-block;
}
.navpop-body ul 
{
    list-style-type:square;
    margin: 0 6px 3px 0px;
}
.navpop-body ul li
{
    font-size:11px;
    font-weight:bold;
    color:black;
    cursor:pointer;
    padding:0;
    margin-left:24px;
}
#navMain li.navMainLink
{ 
    float: left; 
    border: 1px solid #C8D7E1;
}

---

关于firefox 3.5到3.6的变化有什么想法吗？很明显，3.6现在的作用与chrome相同。

在我看来，有几个类或完整的样式表没有被应用。你能用Firebug检查你的风格是否适用吗？可能问题在于，无论出于何种原因，样式表都没有加载到FF3.6/Chrome中

---

对于其他方面，我认为您需要显示更多的代码，或者提供直接链接。

Firefox 3.6包括Gecko渲染引擎的新版本

当我尝试FF 3.6的beta版时，我在MooTools的稍旧版本中遇到了至少一个问题，所以我会检查您的页面，无论是否涉及Jquery，因为可能是javascript更改导致了问题，而不是HTML本身

---

基本布局呈现不应该有太大的变化，因此更可能是一个模糊的CSS变化（如不寻常元素之间的交互）或javascript处理变化。

您是否检查了错误控制台中是否有任何CSS解析警告？

有趣的是，FF 3.6在解释CSS方面更为严格（也就是说，它在寻找那个额外的使徒）

如果我错了，请纠正我，但是在

中放置
而不将其放入
中不是错误吗？我知道没有人（包括我自己）喜欢将他们的“正在构建”链接起来这样做吧，但是一个实时链接会让事情变得更加简单。很抱歉……它在一个私有的内部网上，我无法链接到它。如果可以的话，我会的。它太复杂了，无法导出——有很多C代码正在生成所有这些。另外，只是要添加……jquery滑块也会发生这种情况。同样的问题，不同的代码。我就是这么做的我不认为这段代码有什么特别之处……我认为这是chrome/FF3.6中HTML强制执行的某种改变，解决这些问题的方法（并向浏览器供应商报告问题）是尽可能减少页面。是的，这并不有趣，但你应该这样做。Accckkk！我的错误。李不应该在那里结束。我的错误。帖子已经更新。好的。我编辑了我的答案。你能检查一下你所有的样式表/类是否都被应用了吗？看起来可能没有应用样式。我使用的是HTTPCombiner which组合了几个样式表，尽管当我在firebug中查看该文件时，我没有看到firefox 3.6中存在这些样式。如果我在样式表上单击“编辑”，它就在那里，但它不是在间隔很长的版本中。为什么会发生这种情况？另外，我尝试使用W3C的CSS验证程序验证菜单的CSS，它检查出来并说没有错误找到了。但是我有点困惑，因为它没有显示在firebug的CSS视图中（而是显示在edit CSS视图中）CSS是否在文档引用的CSS文件中可见？如果可见，则可能没有应用，因为某些选择器现在的解释不同。但是查看您的CSS，我看不出会发生什么，这些类非常简单（我认为像
*
或
>
或
[attribute=value]
这样的更复杂的构造会出现问题）.破折号
-
对CSS类有效，但也不可能是这样。你能澄清一下问题到底是什么，CSS文件还是类的应用？你引用的CSS完整吗？我认为3.6中不应该有不兼容的更改。请在mozilla开发论坛上提交错误/提出问题！是的，有CSS错误但是他们在firefox升级之前就已经存在了。我会看看是否有3.5版firefox中没有的存在。
#navMain
{
    float: right;
    height: 2.5em;
    padding-bottom: .4em;
    width: 420px;
    list-style: none; 
    margin:0;
}
.navpop-wrapper
{   
    display:block;
    position:absolute;
    width:276px;
    z-index:10000;
    padding: 2px 2px 2px 2px;
}
.navpop
{
    background:white;
    margin:0;
    display:inline-block;
    width:100%;
    padding-top:6px;
    padding-bottom: 3px;
}
.navpop-header
{
    height:19px;
    margin:4px;
    clear:both;
}
.navpop-body
{
    clear:both;
}
.navpop-body div
{
    width:50%;
    float:left;
    display:inline-block;
}
.navpop-body ul 
{
    list-style-type:square;
    margin: 0 6px 3px 0px;
}
.navpop-body ul li
{
    font-size:11px;
    font-weight:bold;
    color:black;
    cursor:pointer;
    padding:0;
    margin-left:24px;
}
#navMain li.navMainLink
{ 
    float: left; 
    border: 1px solid #C8D7E1;
}