Как сделать диалоговое окно jQuery Mobile не полноэкранным?

Я бы хотел открыть неполное диалоговое окно screen, т. е. он «плавает» над страницей, которая его открыла. Вот что я пытаюсь сделать:

<div data-role="page" id='Page1'>
  <div data-role='button' id="Button1">Open Dialog</div>
</div>

<div data-role="dialog" id='Dialog' 
    style='width:200px; height:100px; top:100px; left:100px;'>
  <div data-role='button' id="Button2">Close</div>
</div>

<script>

Button1.onclick = function() {
  //$.mobile.changePage($('#Dialog'))
  $.mobile.changePage('#Dialog',{role:'dialog'})
}

Button2.onclick = function() {
  $(".ui-dialog").dialog("close");
}

Несмотря на то, что я установил границы для div Dialog, он по-прежнему полноэкранный.