Html CSS在Chrome中工作，但不是IE或Firefox

我正在为一个客户开发一个网站，并试图在一个页面上添加多个菜单。它们的标签完全不同，到目前为止，其中一个菜单只是一个列表。它没有css格式，并且根本没有链接到样式表。第一个菜单可能是问题的原因。无论如何，我有一个这样的清单：

<ul>
    <li><a href="#"><span>All</span></a></li>
    <li><a href="#"><span>Test Category</span></a></li>
    <li><a href="#"><span>Another test</span></a></li>
    <li><a href="#"><span>More tests</span></a></li>
    <li><a href="#"><span>Categories</span></a></li>
</ul>

这在Google Chrome中运行良好，但每当我在Firefox或Internet Explorer中打开它时，它的格式如下：

由于我不太确定问题的根源是什么，它太大了，无法发布，而且CSS和HTML都是客户端的，所以我不想在这里发布所有代码，但请随时查看我的代码

注意：网站当前所在的服务器有时会失去响应。它只会返回一个空白页。请耐心点，我知道你想帮助我，所以我为给你带来的不便道歉

---

非常感谢您的帮助。谢谢大家!

将其放入样式表中

#categories{
  clear:both;

}

---

现在请记住，列表将向下推一些，但这是因为您将顶部列表的位置向上推了-100px。

将其放入样式表中

#categories{
  clear:both;

}

---

现在请记住，该列表将向下推一些，但这是因为您将您的顶级列表的位置提高了-100px。

在IE、FF和ChromeSome中对我来说都是一样的好消息，它在Safari和我的firefox中似乎工作得很好。如果你说的是第一份菜单，我指的是它下面的列表。这将是一个菜单，但现在它只是一个列表。它在IE或FF中显示不正确。抱歉，不清楚。没有任何样式的底部列表？这在我的浏览器中仍然显示得很好。您是否尝试清除浏览器的历史记录以查看是否有帮助。有时，当我使用firefox时，如果是html/css问题，我必须这样做。。。明确一点：两者皆有；在IE、FF和ChromeSome中，你的分类id对我来说都是一样的。好消息是，它在Safari和我的firefox中似乎运行良好。如果你说的是第一份菜单，我指的是它下面的列表。这将是一个菜单，但现在它只是一个列表。它在IE或FF中显示不正确。抱歉，不清楚。没有任何样式的底部列表？这在我的浏览器中仍然显示得很好。您是否尝试清除浏览器的历史记录以查看是否有帮助。有时，当我使用firefox时，如果是html/css问题，我必须这样做。。。明确一点：两者皆有；在你的生活中！当您将元素向右或向左浮动以定位它们时，您必须始终在之后清除它，否则该元素将继承浮动。我总是明确地说：两者都有；因为以后我的一些风格可能会改变，我最终会以另一种方式浮动元素或做其他事情。所以它就像一个小小的故障保险箱。很高兴我能帮忙！：）当然，你可以在这里读更多！当您将元素向右或向左浮动以定位它们时，您必须始终在之后清除它，否则该元素将继承浮动。我总是明确地说：两者都有；因为以后我的一些风格可能会改变，我最终会以另一种方式浮动元素或做其他事情。所以它就像一个小小的故障保险箱。很高兴我能帮忙！：）你可以在这里读更多