If I put a data-role="content"  <div> surrounding the content, the dialog is shortened and I get a scrollbar. If I leve out the content div the dialog appears correcty. I didn't set a page height for the dialog. Any idea why it is short?

As well, unless I add padding to the page <div>, the top of the dialog is cut-off. This is regardless of whether or not I use a data-role="content" section.

The two seem that they might be related, since the dimensions seem similar.

The first screenshot is with a content div.

The second screenshot is without a content div.

The third screenshot is without a content div, and with 20px of padding added to the top.