diff --git a/css/layout.css b/css/layout.css
index 3997f690..7be41565 100644
--- a/css/layout.css
+++ b/css/layout.css
@@ -57,6 +57,22 @@ body {
 	overflow: hidden !important;
 }
 
+.ui-layout-west {
+	width: 225px;
+}
+
+.ui-layout-north {
+	height: 35px;
+}
+
+.ui-layout-south {
+	height: 23px;
+}
+
+.ui-layout-east {
+	height: 250px;
+}
+
 /*
 *	RESIZER-BARS
 */
diff --git a/javascript/LeftAndMain.js b/javascript/LeftAndMain.js
index f833218a..c5c14720 100644
--- a/javascript/LeftAndMain.js
+++ b/javascript/LeftAndMain.js
@@ -105,17 +105,17 @@ var ss_MainLayout;
 					north: {
 						slidable: false,
 						resizable: false,
-						size: 35,
+						size: this.find('.ui-layout-north').height(),
 						togglerLength_open: 0
 					},
 					south: {
 						slidable: false,
 						resizable: false,
-						size: 23,
+						size: this.find('.ui-layout-south').height(),
 						togglerLength_open: 0
 					},
 					west: {
-						size: 225,
+						size: this.find('.ui-layout-west').width(),
 						fxName: "none"
 					},
 					east: {
@@ -125,7 +125,7 @@ var ss_MainLayout;
 						initHidden: true,
 						spacing_closed: 0,
 						fxName: "none",
-						size: 250
+						size: this.find('.ui-layout-east').width()
 					},
 					center: {}
 				}, savedLayoutSettings);