JQuery Dialog causing page to go blank

JQuery Dialog causing page to go blank

I have a div with display:none and i am opening this div inside the jquery dialog on click of a link. The dialog opens on top of the page properly in IE8, IE9 but not in IE7

In IE7 the dialog opens but the page behind the dialog goes blank.

IE7 Screen shot




IE8,9 screen shot




Any help why this is happening will be helpful.

Code to initialize dialog as follows

$('#warnList').dialog({
            minWidth: 400,
            width: 400,
            minHeight: 100,
            resizable: false,
            autoOpen: false,
            position: [800,22],
            modal:true,
        });

warList is a DIV.