diff --git a/static/css/pad_ie_lite.css b/static/css/pad_ie_lite.css
new file mode 100644
index 000000000..d9ece8bd7
--- /dev/null
+++ b/static/css/pad_ie_lite.css
@@ -0,0 +1,38 @@
+#users, #embed
+{
+background:transparent;
+filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#00000070,endColorstr=#00000070);
+zoom: 1;
+}
+
+
+#editorcontainerbox
+{
+position: relative;
+top: 1px;
+padding-top: 37px;
+}
+#editorcontainer 
+{
+  position: absolute;
+  
+  width: 100%;
+  
+  top: 0px;
+  left: 0px;  
+  bottom: 0px;
+
+  z-index: 1;
+  
+  overflow: hidden;
+}
+
+#editorcontainer iframe {
+  height: 100%;
+  width: 100%; 
+  padding-bottom: 37px; 
+  margin: 0; 
+}
+
+#editorloadingbox { padding-top: 100px; padding-bottom: 100px; font-size: 2.5em;  color: #aaa;
+   text-align: center; position: absolute; width: 100%; height: 30px; z-index: 100; }
diff --git a/static/css/pad_lite.css b/static/css/pad_lite.css
index e40a7cb2f..354bce672 100644
--- a/static/css/pad_lite.css
+++ b/static/css/pad_lite.css
@@ -10,14 +10,14 @@ body, textarea { font-family: Helvetica, Arial, sans-serif; }
 #users
 {
   position: absolute;
-  z-index: 3;
+  z-index: 10;
+  background-color: #000;
   background-color: rgba(0,0,0,0.7);
   width: 160px;
   right: 4px;
   top: 40px;
   color: #fff;
   padding: 5px;
-  
   -moz-border-radius: 6px;
   border-radius: 6px; 
 }
@@ -104,6 +104,7 @@ a img
 {
   border: inherit;
   background: inherit;
+  visibility:hidden;
 }
 #editbar ul li a
 {
@@ -1099,6 +1100,7 @@ right: 5px;
 z-index: 500;
 background-color: #000;
 color: white;
+background-color: rgb(0,0,0);
 background-color: rgba(0,0,0,0.7);
 padding: 10px;
 -moz-border-radius: 6px;
diff --git a/static/padhtml b/static/padhtml
index 88279dfc3..6bb0c9348 100644
--- a/static/padhtml
+++ b/static/padhtml
@@ -10,6 +10,9 @@
 <!-- <base href="http://localhost:9001/" />-->
 <!-- CSS -->
 <link href="/static/css/pad_lite.css" rel="stylesheet" type="text/css"/>
+<!--[if lte IE 7]>
+<link href="/static/css/pad_ie_lite.css" rel="stylesheet" type="text/css"/>
+<![endif]-->
 <!-- javascript -->
 <script type="text/javascript">
   // <![CDATA[
@@ -183,9 +186,9 @@ var clientVars = {};  // ]]>
 	
 </div>-->
 
-<div id="editorcontainer">
+<div id="editorcontainerbox">
 
-<div id="editor">
+<div id="editorcontainer">
   <!-- -->
 </div>
 <div id="editorloading">