diff --git a/javascript/WidgetAreaEditor.js b/javascript/WidgetAreaEditor.js
index d8a61b71..448e2ea8 100644
--- a/javascript/WidgetAreaEditor.js
+++ b/javascript/WidgetAreaEditor.js
@@ -169,14 +169,13 @@ WidgetAreaEditorClass.prototype = {
 		widget = document.createElement('div');
 		widget.innerHTML = response.responseText.replace(/Widget\[0\]/gi, "Widget[new-" + (++$('usedWidgets-'+this.name).parentNode.parentNode.maxid) + "]");
 	
-		$('usedWidgets-'+this.name).appendChild(widget.childNodes[0]);
+		$('usedWidgetsStart-'+this.name).appendChild(widget.childNodes[0]);
 		$('usedWidgets-'+this.name).parentNode.parentNode.rewriteWidgetAreaAttributes();
 		UsedWidget.applyToChildren($('usedWidgets-'+this.name), 'div.Widget');
 		
 		// Repply some common form controls
 		WidgetTreeDropdownField.applyTo('div.usedWidgets .TreeDropdownField');
 		
-		
 		Sortable.create('usedWidgets-'+this.name, {
 			tag: 'div',
 			handle: 'handle',
diff --git a/templates/WidgetAreaEditor.ss b/templates/WidgetAreaEditor.ss
index d6983eb9..4a13f55a 100644
--- a/templates/WidgetAreaEditor.ss
+++ b/templates/WidgetAreaEditor.ss
@@ -20,6 +20,7 @@
 		<p><% _t('TOADD', 'To add widgets, click one on the left to add it here') %></p>
 		
 		<div class="usedWidgets" id="usedWidgets-$Name">
+			<div id="usedWidgetsStart-$Name"><!-- --></div>
 			<% if UsedWidgets %>
 				<% control UsedWidgets %>
 					$EditableSegment