diff --git a/editor/ui/composer/content/EditorAppShell.xul b/editor/ui/composer/content/EditorAppShell.xul
index a8a71a870cf3..afee20912eb5 100644
--- a/editor/ui/composer/content/EditorAppShell.xul
+++ b/editor/ui/composer/content/EditorAppShell.xul
@@ -317,7 +317,7 @@
   <broadcaster id="Editor:Style:IsItalic"/>
   <broadcaster id="Editor:Style:IsUnderline"/>
 
-    <toolbox>
+    <toolbox id="EditorToolbars">
       <toolbar id="EditToolbar">
 	      <titledbutton src="chrome://editor/skin/images/ED_NewFile.gif" align="bottom" value="New" class="popup" onclick="EditorNew()"/>
 	      <titledbutton src="chrome://editor/skin/images/ED_OpenFile.gif" align="bottom" value="Open" class="popup" onclick="EditorOpen()"/>
@@ -364,9 +364,9 @@
     <html:iframe type="content-primary" id="content-frame" src="about:blank" flex="100%"/>
 
     <!-- Ripped off from navigator.xul; this should be a XUL fragment! -->
-    <box align="horizontal" id="status-bar">
+    <box align="horizontal" id="EditorStatusBar">
       <titledbutton value="[Notification Component]" onclick="doTests()"/>
-	    <box align="vertical" style="width:100px">
+	    <box align="vertical" style="min-width:10px" flex="100%">
 		    <spring flex="100%"/>
 		    <progressmeter mode="normal" value="0">
 		    </progressmeter>
@@ -478,6 +478,11 @@
      <html:button class="PopupButton" onclick="opener.EditorAlign('right'); window.close();"><html:img align="middle" src="chrome://editor/skin/images/ED_Right.gif"/>    <html:span>Right</html:span>  </html:button>
      <html:button class="PopupButton" onclick="opener.EditorAlign('justify'); window.close();"><html:img align="middle" src="chrome://editor/skin/images/ED_Justify.gif"/><html:span>Justify</html:span></html:button>
      </html:div>
+<!--  Trying to use autosizing and boxes
+    <titledbutton class="PopupButton" value="Left"   style="min-width: 40px" onclick="opener.EditorAlign('left'); window.close();"/>
+    <titledbutton class="PopupButton" value="Center" style="min-width: 40px" onclick="opener.EditorAlign('left'); window.close();"/>
+    <titledbutton class="PopupButton" value="Right"  style="min-width: 40px" onclick="opener.EditorAlign('left'); window.close();"/>
+ -->
    </window>
 </popup>
 
diff --git a/editor/ui/composer/skin/Editor.css b/editor/ui/composer/skin/Editor.css
index 481a79c8dc78..8de3171d2cf5 100644
--- a/editor/ui/composer/skin/Editor.css
+++ b/editor/ui/composer/skin/Editor.css
@@ -1,6 +1,14 @@
-box#outer-box {
-  width: 100%;
-  height: 100%;
+iframe#content-frame { 
+  min-width: 100px; 
+  min-height: 400px; 
+} 
+
+toolbox#EditorToolbars {
+  min-width: 20px;
+}
+
+box#EditorStatusBar {
+  min-width: 50px;
 }
 
 window.popup {
@@ -80,3 +88,10 @@ a[name][href=""] {
   line-height: 10px;
   min-width: 10px;
 }
+
+titledbutton.PopupButton {
+  min-width: 50px;
+  min-height: 10px;
+  list-style-image: url(chrome://editor/skin/images/ED_Left.gif); 
+}
+