Dialog: Rewrote CSS (same styling, better construction). Also prevents additional margin-top, just when screen height is little.

Author: jaspermdegroot

css/structure/jquery.mobile.dialog.css

@@ -6,30 +6,27 @@
 	max-width: 500px;
 	margin: 10% auto 15px auto;
 	padding: 0;
-}
-.ui-dialog-contain > .ui-header {
-	margin-top: 15%;
-	border: none;
-	overflow: hidden;
+	position: relative;
+	top: -15px;
 }
 .ui-dialog-contain > .ui-header, 
 .ui-dialog-contain > .ui-content, 
 .ui-dialog-contain > .ui-footer { 
 	display: block;
 	position: relative; 
 	width: auto;
+	margin: 0;
 }
-.ui-dialog-contain > .ui-header, 
-.ui-dialog-contain > .ui-footer  { 
+.ui-dialog-contain > .ui-header {
+	border: none;
+	overflow: hidden;
 	z-index: 10; 
 	padding: 0;
 }
-.ui-dialog-contain > .ui-footer {
-	padding: 0 15px; 
-}
 .ui-dialog-contain > .ui-content { 
 	padding: 15px; 
 }
-.ui-dialog { 
-	margin-top: -15px;
+.ui-dialog-contain > .ui-footer {
+	z-index: 10; 
+	padding: 0 15px; 
 }