Jquery UI dialog hides the parent in IE8

I a开发者_Python百科m using jquery UI modal dialog with smoothness theme. It works fine except when I open the dialog, the parent window is covered with gray color. I cannot see the contents of the parent. When I close, it looks fine.

The same thing works fine in FF. Do I need to change any CSS for this?

Thanks.

Edited to include Code

$(document).ready(function(){
    $("#openDialog").dialog({
        autoOpen: false,
        title: 'Dialog Form',
        height: 300,
        width: 350,
        modal: true         
    });
    function Opendialog() {
       $("#openDialog").dialog("open");
    }

});

Since you are specifying modal:true in your options, the dialog will be displayed as modal (blocking dialog). Either remove that option or set it to false.

i.e.

$(document).ready(function() {
    $("#openDialog").dialog({
        autoOpen: false,
        title: 'Dialog Form',
        height: 300,
        width: 350,
        modal: false
    });

    function Opendialog() {
        $("#openDialog").dialog("open");
    }
});

It's because you have modal set to true. Set it to false or roll you own theme.