Html 纯CSS下拉菜单没有'；不能在Firefox和IE上工作

我希望它像这样的图像（在Google Chrome、Opera和Safari中的工作方式是这样的）：

然而，在Firefox和最新版本的IE中，它看起来是这样的：

HTML:

谢谢你的帮助

改变了这一点：

#navbar ul li:hover > ul {
display: block;
position: absolute;
}

---

似乎在Firefox中为我工作。你觉得怎么样

以下是新代码，它将毫无问题地为您工作：

正如just和advice尝试使用HTML5一样，为了避免IE问题：

---

这就是你要找的吗

您需要这样定位子菜单：

position:absolute;
top:100%;
left:0;

---

并将父li定位为相对。

尝试使用供应商前缀

#navbar ul li:hover > ul {
display: block;
position: absolute;
}

position:absolute;
top:100%;
left:0;