Issues on Dialog in IE8

Issues on Dialog in IE8

Hi all,

I'm trying to put a very simple dialog in an app, unfortunately it does not seem to work on IE8.

The code is :

  1. $('<div id="dialog-confirm" title="Validate?">'+val+'</div>').dialog({
  2.                                  height:250,
  3.                                  width:400,
  4.                                  modal: true,
  5.                                  buttons: {
  6.                                      "Confirm": function() {
  7.                                          $(this).dialog("close");
  8.                                          submitfirstform();
  9.                                      },
  10.                                      "Cancel": function() {
  11.                                           $(this).dialog("close");
  12.                                      }
  13.                                  }
  14.                                  });
The final dialog works fine on FF but on IE8 it is all messed up, the closing button is way on the right and not within the bounds of the box, the title bar is not working, it seems like a positioning issue in CSS. I've searched here and there but only find replies which seem to have now been integrated in the last version, still it does not seem to work. Am i doing something wrong?

Thanks.