CSS下拉列表不支持'；不显示，但定位正确

以下内容在JSFIDLE上可以正常工作，但在浏览器中似乎无法正常工作（请尝试复制粘贴到记事本）

---

我试过为图层设置z索引，但似乎没有效果。我可以看到该层位于右侧，但仍处于隐藏状态。

从以下位置删除

溢出：隐藏后，我会看到该下拉列表：

#header {
    width: 1024px;
    position: relative;
    overflow: hidden;
    margin-right: auto;
    margin-left: auto;
}

我认为发生的事情是，标题中有
ul
（下拉列表）。由于
ul
的内容延伸到标题
div
之外，并且您将
overflow
设置为
hidden
，因此您无法再看到下拉列表，因为它被隐藏了。
在复制粘贴您的代码时看起来非常好。也许你的
有问题，在Firefox和WebKit浏览器上我也能用。你能不能给我一些关于它看起来有什么不对劲的细节，或者一个截图？我用实际的文档和样式表更新了原始帖子。