Html 下拉列表的z索引不适用于iframe

我在页面上有一个嵌入式谷歌日历（在iframe中）

目前我正试图在Chrome中解决这个问题，但我更希望它能在任何情况下工作

下面是一般结构的简短总结（实际代码更复杂）

导航项目
导航项目



导航项目
导航项目

iframe的目的是稍微重叠一点，并出现在它的前面。然后，下拉菜单应出现在iframe前面。因此，z索引层应从后向前：

标题（只有背景图像才是最重要的）

iframe

下降

iframe菜单

我似乎无法让这一切发生。我试着非常具体地使用position:absolute来处理所有涉及的事情

以下是问题页面的实时链接： 编辑：删除链接，因为它与工作相关并已解决

预期的菜单行为位于该网站的主页上

有什么建议吗

Take z-index:1 off #header
Set #nav li ul z-index:100
Set the iframe z-index:50

---

问题是iframe的zindex是1000，而菜单是z-index:1

Duplicate:不是一个副本。下拉列表位于iframe之外。完全无关的问题。太棒了！不知道为什么我自己拿不到这个，但是谢谢你！

Take z-index:1 off #header
Set #nav li ul z-index:100
Set the iframe z-index:50