<div data-role="dialog">       <script>
      // This script prevents rounded corners on the top
      // because rounded top corners relies on this selector in structure.css
    // .ui-corner-all > .ui-header:first-child
      // why the :first-child pseudo-class ??
      // script was placed here because script in head is not eval'd via ajax
      </script>
      <div data-role="header" data-theme="d">             <h1>Dialog</h1>       </div>       <div data-role="content" data-theme="c">
            Dialog content
      </div> </div>










I've added this to my theme as a workaround
.ui-corner-all > .ui-header {
 -webkit-border-top-left-radius: inherit;
 border-top-left-radius: inherit;
 -webkit-border-top-right-radius: inherit;
 border-top-right-radius: inherit;
}





In this case, I can probably move the <script> outside of the data-role="page/dialog"
thought this might be helpful if anyone is having issues with rounded corners