diff --git a/rdf/resources/sidebar.css b/rdf/resources/sidebar.css
index 723f79510bc0..2b62bbc434f3 100644
--- a/rdf/resources/sidebar.css
+++ b/rdf/resources/sidebar.css
@@ -5,6 +5,7 @@ window {
 } 
 
 iframe {
+  height: 125px;
   border: 0px;
 }
 box#sidebox {
diff --git a/rdf/resources/sidebarcontainer.xul b/rdf/resources/sidebarcontainer.xul
index 57e0e22752f0..59abcdde2db4 100644
--- a/rdf/resources/sidebarcontainer.xul
+++ b/rdf/resources/sidebarcontainer.xul
@@ -2,71 +2,52 @@
 <?xml-stylesheet href="resource:/res/samples/xul.css" type="text/css"?>
 <?xml-stylesheet href="sidebar.css" type="text/css"?>
 
- 
-
 <window xmlns:html="http://www.w3.org/TR/REC-html40"
-        xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
-        > 
+        xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"> 
+
 <html:script>
-   
-function sidebarwdth (hght,tabid)  {
-     dump(document.getElementById(tabid).style.height);
-	 dump(document.getElementById(tabid).id);
-
-	 if (document.getElementById(tabid).style.height == "0pt")  { 
-	    document.getElementById(tabid).style.height = 150;
-		dump("\n + 150")
-		}  
-		   else {
-        document.getElementById(tabid).style.height = hght;
-		dump(document.getElementById(tabid).style.height + "\n + 0" + hght);
-		}
-    
-}
+  function sidebarwdth (hght,tabid)  {
+    dump(document.getElementById(tabid).style.height);
+    dump(document.getElementById(tabid).id);
 
+    if (document.getElementById(tabid).style.height == "0pt")  { 
+      document.getElementById(tabid).style.height = 150;
+      dump("\n + 150")
+    }  
+    else {
+      document.getElementById(tabid).style.height = hght;
+      dump(document.getElementById(tabid).style.height + "\n + 0" + hght);
+    }
+  }
 </html:script>
 
+<box id="sidebox" align="vertical" debug='true'>
 
-
-<html:style>
-
-iframe {
- // width: 100;
-  height: 100;
-  border: 0;
-}
-
-
-</html:style>
-
-<box align="vertical">
-<html:div>
+  <!-- Sidebar Title -->
   <toolbar id="sidebarbar">
-    <titledbutton align="left" src="" value="reload" onclick="window.location.reload()"/>
+    <titledbutton value="Sidebar" />
+    <spring flex="100%"/>
+    <titledbutton src="" value="Reload" 
+                  onclick="window.location.reload()"/>
     <titledbutton align="left" src="" value="Customize" />
   </toolbar>
-</html:div>
 
-
-
-    <toolbar id="tab" class="tabheader" onclick="sidebarwdth(0,'tab1')">
-        <titledbutton id="Alerts" align="left" value="Alerts" />
-        <titledbutton id="cust1" align="right" src="" value="customize"  />
-    </toolbar>xul" id="tab1"  />
+  <!-- Alerts -->
+  <toolbar id="tab" class="tabheader" onclick="sidebarwdth(0,'tab1')">
+    <titledbutton id="Alerts" align="left" value="Alerts" />
+    <spring flex='100%'/>
+    <titledbutton id="cust1" align="right" src="" value="Customize"  />
+  </toolbar>
   <html:iframe src="resource:/res/rdf/flash.xul" id="tab1"   />
 
- 
-
-
-    <toolbar id="tabbar2" class="tabheader" onclick="sidebarwdth(0,'tab2')">
-	    <titledbutton id="bookmarks" align="left" value="Bookmarks" />
-        <titledbutton align="left" src="" value="customize" />
-    </toolbar>
-
+  <!-- Bookmarks -->
+  <toolbar id="tabbar2" class="tabheader" onclick="sidebarwdth(0,'tab2')">
+    <titledbutton id="bookmarks" align="left" value="Bookmarks" />
+    <spring flex='100%'/>
+    <titledbutton align="left" src="" value="Customize" />
+  </toolbar>
   <html:iframe src="resource:/res/rdf/sidebar.xul" id="tab2"   />
 
-
-
 </box>
 
 </window>