diff --git a/UI/Templates/MailerUI/UIxMailAccountViewContainer.wox b/UI/Templates/MailerUI/UIxMailAccountViewContainer.wox
index e365dec15..ae4f93ec7 100644
--- a/UI/Templates/MailerUI/UIxMailAccountViewContainer.wox
+++ b/UI/Templates/MailerUI/UIxMailAccountViewContainer.wox
@@ -14,7 +14,7 @@
       <div id="mailboxContent" style="visibility: hidden;">
       </div>
 
-      <div id="mailboxDragHandle"
+      <div class="dragHandle" id="mailboxDragHandle"
         style="visibility: hidden;"
         onmousedown="startHandleDragging(event);"
         onmousemove=""
diff --git a/UI/Templates/MailerUI/UIxMailAccountsView.wox b/UI/Templates/MailerUI/UIxMailAccountsView.wox
index b235d3675..1fa717274 100644
--- a/UI/Templates/MailerUI/UIxMailAccountsView.wox
+++ b/UI/Templates/MailerUI/UIxMailAccountsView.wox
@@ -12,7 +12,7 @@
     <div id="mailboxContent" style="visibility: hidden;">
     </div>
 
-    <div id="mailboxDragHandle"
+    <div class="dragHandle" id="mailboxDragHandle"
       style="visibility: hidden;"
       onmousedown="startHandleDragging(event);"
       onmousemove=""
diff --git a/UI/Templates/MailerUI/UIxMailListViewContainer.wox b/UI/Templates/MailerUI/UIxMailListViewContainer.wox
index 230ed9d77..4816e898c 100644
--- a/UI/Templates/MailerUI/UIxMailListViewContainer.wox
+++ b/UI/Templates/MailerUI/UIxMailListViewContainer.wox
@@ -15,7 +15,7 @@
         <var:component-content/>
       </div>
 
-      <div id="mailboxDragHandle"
+      <div class="dragHandle" id="mailboxDragHandle"
         onmousedown="startHandleDragging(event);"
         onmousemove=""
         ondblclick="dragHandleDoubleClick(event);"
@@ -28,7 +28,6 @@
 
       <script type="text/javascript">
         initMailboxSelection('<var:string value="mailFolderName" />');
-        initMailboxAppearance();
       </script>
     </var:if>
 
diff --git a/UI/Templates/MailerUI/UIxMailMainFrame.wox b/UI/Templates/MailerUI/UIxMailMainFrame.wox
index c232e2872..28681da73 100644
--- a/UI/Templates/MailerUI/UIxMailMainFrame.wox
+++ b/UI/Templates/MailerUI/UIxMailMainFrame.wox
@@ -316,7 +316,7 @@
                 />
             </div>
             
-            <div id="dragHandle"
+            <div class="dragHandle" id="dragHandle"
               onmousedown="startHandleDragging(event);"
               onmousemove=""
               ondblclick="dragHandleDoubleClick(event);"
diff --git a/UI/WebServerResources/MailerUI.css b/UI/WebServerResources/MailerUI.css
index 42f2acbfd..267e7fbe2 100644
--- a/UI/WebServerResources/MailerUI.css
+++ b/UI/WebServerResources/MailerUI.css
@@ -23,6 +23,18 @@
 BODY
 { overflow: hidden; }
 
+DIV.folderTree
+{
+  position: absolute;
+  top: 5.5em;
+  left: 0px;
+  width: 14.7em;
+  bottom: 0px;
+  margin: 0px;
+  padding: 0px;
+  overflow: hidden;
+}
+
 DIV#mailerPageContent
 { 
   position: absolute;
@@ -40,7 +52,7 @@ DIV#mailboxContent
 {
   position: absolute;
   width: 100%;
-  height: 50%;
+  height: 18em;
   left: 0px;
   top: 0px;
   right: 0px;
@@ -51,6 +63,7 @@ DIV#messageContent
   position: absolute;
   overflow: auto;
   font-size: small;
+  top: 18.1em;
   bottom: 0px;
   width: 100%;
   border-top: 1px solid #aaa;
@@ -58,9 +71,16 @@ DIV#messageContent
   background: #fff;
 }
 
-DIV.mailerPageContent DIV#messageContent
-{ 
-  top: 51%;
+DIV#folderTreeContent
+{
+  position: absolute;
+  color: #000;
+  background: #fff;
+  width: 100%;
+  top: 2em;
+  bottom: 0px;
+  overflow: auto;
+  border: 1px solid #fff;
 }
 
 DIV#messageContent P
@@ -192,30 +212,6 @@ table.titletable td.titlecell SELECT
   padding: 4px;
 }
 
-DIV.folderTree
-{
-  position: absolute;
-  top: 5.5em;
-  left: 0px;
-  width: 14.7em;
-  bottom: 0px;
-  margin: 0px;
-  padding: 0px;
-  overflow: hidden;
-}
-
-DIV#folderTreeContent
-{
-  position: absolute;
-  color: #000;
-  background: #fff;
-  width: 100%;
-  top: 2em;
-  bottom: 0px;
-  overflow: auto;
-  border: 1px solid #fff;
-}
-
 .treecell
 {
   color: black;
@@ -503,11 +499,12 @@ TABLE#addr_table
 TABLE#messageList
 { 
   display: block;
-  position: relative;
+  position: absolute;
   color: #000;  
   background: #fff;
   width: 100%;
-  height: 100%;
+  top: 2em;
+  bottom: 5px;
   overflow: auto;
 }
 
@@ -558,39 +555,24 @@ INPUT#searchValue
 INPUT#searchValue:focus
 { color: #000; }
 
+
 /* drag handles */
 DIV#dragHandle
-{ 
+{
   cursor: e-resize;
-  position: absolute;
-  z-index: 1;
   top: 7.5em;
   left: 14.6em;
   width: .4em;
   bottom: 0px;
-  background: #dbdad5;
-}
-
-DIV#dragHandle:active
-{
-  -moz-opacity: 0.5;
 }
 
 DIV#mailboxDragHandle
 { 
   cursor: n-resize;
-  position: absolute;
-  background: #dbdad5;
-  z-index: 1;
-  top: 50%;
+  top: 17.7em;
   left: 0px;
   right: 0px;
-  height: .4em;
-}
-
-DIV#mailboxDragHandle:active
-{
-  -moz-opacity: 0.5;
+  height: 5px;
 }
 
 PRE.textMessageViewer
diff --git a/UI/WebServerResources/MailerUI.js b/UI/WebServerResources/MailerUI.js
index 67da688ae..20a140c1a 100644
--- a/UI/WebServerResources/MailerUI.js
+++ b/UI/WebServerResources/MailerUI.js
@@ -1077,19 +1077,6 @@ function initMailboxSelection(mailboxName)
   }
 }
 
-function initMailboxAppearance()
-{
-  var mailboxContent = document.getElementById('mailboxContent');
-  var messageContent = document.getElementById('messageContent');
-  var mailboxDragHandle = document.getElementById('mailboxDragHandle');
-
-  mailboxContent.style.height = (mailboxDragHandle.offsetTop
-                                 - mailboxContent.offsetTop + 'px;');
-  messageContent.style.top = (mailboxDragHandle.offsetTop
-                              + mailboxDragHandle.offsetHeight
-                              + 'px;');
-}
-
 function onHeaderClick(node)
 {
   var href = node.getAttribute("href");
diff --git a/UI/WebServerResources/generic.css b/UI/WebServerResources/generic.css
index 8f012eac7..3a2f05e41 100644
--- a/UI/WebServerResources/generic.css
+++ b/UI/WebServerResources/generic.css
@@ -608,3 +608,16 @@ td.tbtv_headercell img.tbtv_sortcell
   height: 12px;
 }
 
+/* drag handles */
+DIV.dragHandle
+{ 
+  position: absolute;
+  z-index: 1;
+  background: #dbdad5;
+}
+
+DIV.dragHandle:active
+{
+  -moz-opacity: 0.5;
+  background: #222;
+}