Javascript 表单字段显示在IE中下拉菜单的顶部

我有使用jquerycss和ulli的javascript下拉菜单。当它们在表单字段上下拉时，这些字段会显示在IE中的菜单顶部。有没有办法解决这个问题

<ul id="Navigation">
<li> <a title='Home' href='/'>Home</a><span class='home'></span></li>
<li><a title='Article' href='/Article/'>Article</a>
<ul>
<li >
<a  href='/Article/ArticleSecondary/'>ArticleSecondary</a>
<ul>
<li ><a href='/Article/ArticleSecondary/'>ArticleSecondary</a></li>
</ul>
</li>
...
...

---

只需在css或javascript代码中设置菜单的z索引：

$(function(){

    $("#Navigation li").hover(function(){

        $(this).addClass("hover");
        $(this).css( "z-index", "1000" )
        $('ul:first',this).css('visibility', 'visible');

    }, function(){

        $(this).removeClass("hover");
        $('ul:first',this).css('visibility', 'hidden');

    });

    $("#Navigation li:has(ul)").find("a:first").append(" » ");
   // $("#Navigation li ul li:has(ul)").find("a:first").append(" » ");

});

更新： 对于IE 6，请尝试以下方法：

<ul id="Navigation" style="position: relative; z-index: 3000">

---

处理这个问题的唯一方法是在下拉菜单后面放一个iframe。它将涵盖表单字段，假设您正在谈论选择元素

这是一个丑陋的黑客，但你做了你必须做的事情，使事情在IE中工作。iframe方法被许多跨站点工具使用，如Meebo和Apture等，他们不知道弹出窗口后面会有什么。这也有助于确保你涵盖flash项目、youtube视频等

---

尝试将悬停菜单的z索引设置为高于字段（如果它们有字段的话），这在IE中不起作用，但除非使用iframe hack，否则选择元素会出血。对于IE6，您可以给父元素一个更高的z索引值，它应该不起作用，IE6在元素方面有一些特殊的问题……一些天才认为从windows窗体控件中借用这些元素是个好主意。

<ul id="Navigation" style="position: relative; z-index: 3000">