Создать полноэкранное мобильное всплывающее окно

Question

Я пытаюсь получить полноэкранное всплывающее окно с кнопкой закрытия. 1) я пробовал это

<div data-role="popup"  id="popupid" data-overlay-theme="a" data-theme="c"  class="ui-corner-all">
    <div data-role="page" data-fullscreen="true">
        <p>This is a completely basic popup, no options set.<p>
    </div>
</div>  

Проблема в том, что страница не отображается

2) Я попытался установить высоту всплывающего окна до 100% и ширину до 100%, это не помогает

Желаемый результат: http://dl.dropboxusercontent.com/u/174493814/OverlayPopupDialog.png

Какие-нибудь советы? Нужно ли использовать Jquery Dialog для достижения желаемого результата? Спасибо!