Dialog box not opening in IE8

Dialog box not opening in IE8

I am using jQuery v1.8.1 with jQuery UI v1.8.23.

I am trying to open a dialog box on load of the screen. I am having the following div in my JSP.

  1. <div id="error-message1" title="This is the title!">
    This is a test error message.
    </div>

and I am invoking the dialog box like below
  1. $("#error-message1").dialog({
            autoOpen: true,
            modal: true,
            height: 300,
            width: 300
        });




The dialog box is opening in Firefox 16.0.2 but not in IE8. My entire screen is masked since I have 'modal: true' but dialog box is not opening IE.