problem with modal behavior

problem with modal behavior


Hello all,
I am having issue with the "modal: true" value of the dialog of the
JQuery UI. I have set that to true but still the background is
clickable. I have set the overlay too.
I am using the latest version of ui which is 1.7.2. Can anyone help me
with this? I am not sure what else I need to set to get the modal
behavior working.
Below is the code I am using:
        $myWindow.dialog({
     modal: true,
     bgiframe: true,
     height: 345,
width: 301,
position: 'center',
autoOpen:false ,
closeOnEscape: false,
overlay: {
                             opacity: 0.5,                                       background:
"#000"},
open: function(event, ui) { $
(".ui-dialog-titlebar-close").hide();}
});
});
Thanks,
D