diff --git a/static/css/pad_lite.css b/static/css/pad_lite.css
index d971a540..f4a9cd3a 100644
--- a/static/css/pad_lite.css
+++ b/static/css/pad_lite.css
@@ -9,7 +9,7 @@ h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; font-style: norma
 
 html { font-size: 62.5%; }
 
-body { background: #ebebeb url(/static/img/jun09/pad/backgrad.gif) repeat-x left top; }
+body { position: absolute; width: 100%; height: 100%; background: #ebebeb url(/static/img/jun09/pad/backgrad.gif) repeat-x left top;}
 body, textarea { font-family: Arial, sans-serif; }
 
 #padpage {
@@ -289,21 +289,32 @@ a#hidetopmsg { position: absolute; right: 5px; bottom: 5px; }
   background: url(/static/img/jun09/pad/syncdone.gif) no-repeat center center;
   right: 38px; top: 5px; display: none; }
   
-#editorcontainerbox {
-/*  border-left: 1px solid #c4c4c4; border-right: 1px solid #c4c4c4;
-/*  border-bottom: 1px solid #c4c4c4;*!/
-
-  */  
-  position: absolute;
-  height: 100%; 
+  
+body
+{
+}
+#editorcontainerbox 
+{
+  position:relative;
+  
+  height: 100%;
   width: 100%;
-  zoom: 1;
-  overflow: hidden;
+  
+  background: #fff;
+
+  overflow: hidden;  
+  top: 36px;
 }
 
-#editorcontainer { 
+#iebug
+{
+  position: absolute;
+  clear: both;
+}
+
+#editorcontainer {  
+  width: 100%;
   height: 100%; 
-  padding-top: 36px;
 }
   
 #editorcontainer iframe { width: 100%; height: 100%; padding: 0; margin: 0; }
diff --git a/static/padhtml b/static/padhtml
index 2b13908c..9228ef00 100644
--- a/static/padhtml
+++ b/static/padhtml
@@ -182,13 +182,16 @@ var clientVars = {};  // ]]>
 </div>
 
 <div id="editorcontainerbox">
+
+<div id="editorcontainer">
+	<!-- -->
+</div>
 	<div id="editorloadingbox">
 		Loading Etherpad Lite...
 	</div>
-	<div id="editorcontainer">
-		<!-- -->
-	</div>
 </div>
+
+
 <!-- /padeditor -->
 <div id="modaloverlay">
 <div id="modaloverlay-inner">