problem IN IE when adding effects to jquery message box

See more:

ASP.NET

jQuery

IE8

heyy..

I am using jquery message box in that I pass two parameter 1. the Message 2. the after message focus control.

When I add effects to the message box (show : "explode" , hide : "slide") .It works fine in Mozila firefox but not work in IE( after close the message box the background fade is not gone...)

here is my messagebox code -

function MessageBox(Messgae,FocusingControl) {
 $("#modal_dialog").text(Messgae);

    $("#modal_dialog").dialog({
     show   : 'explode',//blind,slide,explode,drop
       hide : 'slide',//blind,slide,explode,drop
        title: 'Eastern',
        position: 'center',

        open: function(event, ui) { $(".ui-dialog-titlebar-close").hide(); },
        closeOnEscape: false,
       modal: true,
        buttons: {
            Close: function() {
            //$('#equipementIDN_direct').focus();
                $(this).dialog('close');
              if(FocusingControl!='')
              {
                 FocusingControl.focus();
              }

          }

        }




    });


}

And it call in UI like -

function ValidateTelephoneNumber() {

    var a = $("input[attr-identity=txtPhone]").val();
    if (a.charAt(0) == "0") {
        if (a.charAt(1) == "0") {
            if (a.charAt(2) == "0") {
                 MessageBox("Given Contact number format is not correct", $("input[attr-identity=txtPhone]"));
                //MessageBox("Given Contact number format is not correct");
                $("input[attr-identity=txtPhone]").val('');
            }
        }
    }



}

can you solve this issue...in IE