使用themeroller css时jquery对话框的问题

jquery ui对话框的演示都使用"flora"主题.我想要一个自定义主题,所以我使用themeroller生成一个css文件.当我使用它时,一切似乎都工作正常,但后来我发现我无法控制对话框中包含的任何输入元素(即,无法键入文本字段,无法检查复选框).进一步的调查显示,如果我将对话框属性"modal"设置为true,就会发生这种情况.当我使用植物主题时,这不会发生.

这是js文件:

topMenu = {
    init: function(){
        $("#my_button").bind("click", function(){
            $("#SERVICE03_DLG").dialog("open");
            $("#something").focus();
        });

        $("#SERVICE03_DLG").dialog({ 
            autoOpen: false,
            modal: true, 
            resizable: false,
            title: "my title",
            overlay: { 
                opacity: 0.5, 
                background: "black" 
            }, 
            buttons: { 
                "OK": function() { 
                    alert("hi!");
                }, 
                "cancel": function() { 
                    $(this).dialog("close"); 
                } 
            },
            close: function(){
                $("#something").val("");
            }
        });
    }
}

$(document).ready(topMenu.init);

这是使用植物主题的html:

please enter something


somthing: 

这是使用下载的themeroller主题的html:

please enter something


somthing: 

如您所见,只有引用的css文件和类名称不同.任何人都知道可能出现什么问题？

@David:我试过了,它似乎不起作用(在FF或IE上都没有).我试过内联css:

#SERVICE03_DLG{z-index:5000;}