Asp.net 下拉列表和jquery ui对话框的问题

我有一个页面，其中包含jQuery UI库中的

下拉列表和
对话框组件

但问题是IE7中的
下拉列表出现在
对话框上

以下是jquery的代码：-

var divdialog = $('#divdialog'); divdialog.dialog('destroy');
    divdialog.dialog({
        autoOpen: true,
        height: 310,
        width: 570,title: "Look Up",
        modal: true,
        open: function () {$('#testframe').attr("src", strValue);
        $('#testframe').height($(this).height()-5); $('#testframe').width($(this).width()-10);         
            },
        close: function (e) {
            $('#divdialog').remove();
            //divdialog.html('');
           // divdialog.dialog('destroy');
            },
        resizable: true,
        resize: function() { $('#divdialog iframe').hide(); },
        resizeStop: function() { $('#divdialog iframe').show(); 
        $('#divdialog iframe').height($(this).height()-10);  
        $('#divdialog iframe').width($(this).width()-10); } ,
        closeOnEscape:true,
        draggable:true
    })

以下是UI的代码：-

        <div id="divdialog" style="display:none;">
             <iframe id="testframe" frameborder="0" title="dialogBox"><p>not supportted iframe</p></iframe>
    </div>

<asp:DropDownList  ID="ddlRoleNames" runat="server" Width="180px" 
                                    OnSelectedIndexChanged="ddlRoleNames_SelectedIndexChanged" AutoPostBack="true">
                                </asp:DropDownList>


不支持iframe



关于这个问题有什么想法吗？
这可能是因为Z-index，为什么呢？因为即使您的元素的Z-index为1000，如果两个元素不在相同的堆栈上下文中，那么该元素也有可能位于Z-index为1的元素之下

所以试着在下拉列表中给出绝对位置，并让我知道

看看下面的问题，这也可能会有所帮助


希望这有帮助
位置：绝对
现在适用于Firefox，但在IE7中仍然存在同样的问题。发布一些您尝试过的代码，这样就很容易提供帮助。