Javascript-форум - Изменение положений диалоговых окон при закрытиии

В хроме и эксплорере диалоговые окна создаются с position: relative, в то время как в фаерфоксе position: absolute.

Из-за этого закрытие одного диалогового окна приводит к смещению ранее открытых. :(

<script type="text/javascript">

$(function(){

$("#dialog").dialog({
  modal: true, stack: true, autoOpen: true, closeOnEscape : false,
  close: function(event, ui) {
    if ( event.originalEvent && $(event.originalEvent.target).closest(".ui-dialog-titlebar-close").length ) {
      $("body").append("do some  stuff<br>");
    }
  }
}).find("button").click(function() {
  $("body").append("just close  dialog<br>");
  $(this).closest(".ui-dialog-content").dialog("close");
});


$("#dialog2").dialog({
  modal: true, stack: true, autoOpen: true, closeOnEscape : false,
  close: function(event, ui) {
    if ( event.originalEvent && $(event.originalEvent.target).closest(".ui-dialog-titlebar-close").length ) {
      $("body").append("do some  stuff2<br>");
    }
  }
}).find("button").click(function() {
  $("body").append("just close  dialog2<br>");
  $(this).closest(".ui-dialog-content").dialog("close");
});


});

</script>
</head>
<body>
    <div id="dialog">
      <button>button in dialog</button>
    </div>
      
    <div id="dialog2">
      <button>button in dialog2</button>
    </div>
</body>
</html>

Не могу разобраться как исправить проблему :cray:

Version:
jQuery JavaScript Library v1.6.4
jQuery UI 1.9pre