Jquery IE7中bxslider的z-index菜单问题

我正在使用BX滑块顶部的下拉菜单，但我根本无法让它显示在IE7的顶部！我到处寻找答案，只是在子项上的相对位置似乎不起作用。有人能帮忙吗

以下是测试页面：

---

Ps-我已经检查并尝试了关于IE z-index bug的其他帖子，但没有任何东西适合我。

我发现这些问题通常与没有z-index集的父容器有关。尝试将header元素的z索引设置为1

header {
   z-index: 1;
}

---

我遇到了同样的问题，我解决了如下问题

<ul id="nav">
    <li>Menu Item 1</li>
    <li>Menu Item 2
        <ul>
            <li>Sub Menu Item 1</li>
            <li>Sub Menu Item 2</li>
            <li>Sub Menu Item 3</li>
        </ul>
    </li>
    <li>Menu Item 3
        <ul>
            <li>Sub Menu Item 1</li>
            <li>Sub Menu Item 2</li>
        </ul>
    </li>
</ul>

ul#nav * { z-index:9999 } /* maximum zoom index as your wish */  

考虑如下所示的下拉导航菜单

<ul id="nav">
    <li>Menu Item 1</li>
    <li>Menu Item 2
        <ul>
            <li>Sub Menu Item 1</li>
            <li>Sub Menu Item 2</li>
            <li>Sub Menu Item 3</li>
        </ul>
    </li>
    <li>Menu Item 3
        <ul>
            <li>Sub Menu Item 1</li>
            <li>Sub Menu Item 2</li>
        </ul>
    </li>
</ul>

ul#nav * { z-index:9999 } /* maximum zoom index as your wish */  

---

所以

。子菜单{position:relative；z-index:3000；}

不起作用，对吗？我在IE7中测试了这一点，并将z-index添加到header元素中起作用。