IE 7 CSS下拉菜单麻烦

Question

我有几个下拉菜单在IE7中给我提问。我整个上午都在试图修理它。客户端正在使用IE7监控站点，因此它是首要任务。

我已经设置了live demo和jsfiddle演示版。 Here is the actual site我今天的工作也仅供参考，但演示中存在问题。我留下了一些重置css，以防万一与之相关。

有两个问题：

1. 最重要：IE7中的顶级菜单和标题内容存在z-index问题。标题在下拉列表之上。
2. 不太重要：在第一个链接和下拉列表之间的顶部菜单中有一个小间隙，当从顶部链接移动鼠标时，有时会导致下拉列表消失。这至少发生在Firefox 4和IE 7中。底层菜单中不会出现此问题。

我删除了javascript，尝试删除任何clearfix css，削减css和html，从html5切换到xhtml1 strict，使用position和z-index属性进行播放，并在此处和其他地方阅读有关z-index的几篇文章在IE浏览器中的错误，但我仍然无法让这一个让步。

我不关心IE6支持或者如果我必须使用javascript，我只需要让它在IE7中为客户端工作。非常感谢任何帮助。

Answer 1

到#header和#nav add：

position:relative;

和

z-index:10 //for #nav
z-index:0  //for #header