diff --git a/demos/droppable/accepted-elements.html b/demos/droppable/accepted-elements.html
index d9800eb94..3a12baa5c 100644
--- a/demos/droppable/accepted-elements.html
+++ b/demos/droppable/accepted-elements.html
@@ -10,7 +10,7 @@
 	<link type="text/css" href="../demos.css" rel="stylesheet" />
 	<style type="text/css">
 	#droppable { width: 150px; height: 150px; padding: 0.5em; float: left; margin: 10px; }
-	#draggable, #draggable-nonvalid { width: 100px; height: 100px; padding: 0.5em; float: left; margin: 10px; }
+	#draggable, #draggable-nonvalid { width: 100px; height: 100px; padding: 0.5em; float: left; margin: 10px 10px 10px 0; }
 	</style>
 	<script type="text/javascript">
 	$(function() {
diff --git a/demos/droppable/default.html b/demos/droppable/default.html
index 04ae8f4f7..03fdace1d 100644
--- a/demos/droppable/default.html
+++ b/demos/droppable/default.html
@@ -9,7 +9,7 @@
 	<script type="text/javascript" src="../../ui/ui.droppable.js"></script>
 	<link type="text/css" href="../demos.css" rel="stylesheet" />
 	<style type="text/css">
-	#draggable { width: 100px; height: 100px; padding: 0.5em; float: left; margin: 10px; }
+	#draggable { width: 100px; height: 100px; padding: 0.5em; float: left; margin: 10px 10px 10px 0; }
 	#droppable { width: 150px; height: 150px; padding: 0.5em; float: left; margin: 10px; }
 	</style>
 	<script type="text/javascript">
diff --git a/demos/droppable/propagation.html b/demos/droppable/propagation.html
index ebb4289cf..e9c502665 100644
--- a/demos/droppable/propagation.html
+++ b/demos/droppable/propagation.html
@@ -9,7 +9,7 @@
 	<script type="text/javascript" src="../../ui/ui.droppable.js"></script>
 	<link type="text/css" href="../demos.css" rel="stylesheet" />
 	<style type="text/css">
-	#draggable { width: 100px; height: 40px; padding: 0.5em; float: left; margin: 10px; }
+	#draggable { width: 100px; height: 40px; padding: 0.5em; float: left; margin: 10px 10px 10px 0; }
 	#droppable, #droppable2 { width: 230px; height: 120px; padding: 0.5em; float: left; margin: 10px; }
 	#droppable-inner, #droppable2-inner { width: 170px; height: 60px; padding: 0.5em; float: left; margin: 10px; }
 	</style>
diff --git a/demos/droppable/revert.html b/demos/droppable/revert.html
index 4c885f6b9..01fea57a4 100644
--- a/demos/droppable/revert.html
+++ b/demos/droppable/revert.html
@@ -9,7 +9,7 @@
 	<script type="text/javascript" src="../../ui/ui.droppable.js"></script>
 	<link type="text/css" href="../demos.css" rel="stylesheet" />
 	<style type="text/css">
-	#draggable, #draggable2 { width: 100px; height: 100px; padding: 0.5em; float: left; margin: 10px; }
+	#draggable, #draggable2 { width: 100px; height: 100px; padding: 0.5em; float: left; margin: 10px 10px 10px 0; }
 	#droppable { width: 150px; height: 150px; padding: 0.5em; float: left; margin: 10px; }
 	</style>
 	<script type="text/javascript">
diff --git a/demos/droppable/visual-feedback.html b/demos/droppable/visual-feedback.html
index e40ff6bb6..8f7e929c1 100644
--- a/demos/droppable/visual-feedback.html
+++ b/demos/droppable/visual-feedback.html
@@ -9,7 +9,7 @@
 	<script type="text/javascript" src="../../ui/ui.droppable.js"></script>
 	<link type="text/css" href="../demos.css" rel="stylesheet" />
 	<style type="text/css">
-	#draggable, #draggable2 { width: 90px; height: 90px; padding: 0.5em; float: left; margin: 10px; }
+	#draggable, #draggable2 { width: 90px; height: 90px; padding: 0.5em; float: left; margin: 10px 10px 10px 0; }
 	#droppable, #droppable2 { width: 120px; height: 120px; padding: 0.5em; float: left; margin: 10px; }
 	</style>
 	<script type="text/javascript">
diff --git a/demos/sortable/display-grid.html b/demos/sortable/display-grid.html
index 30cface19..13466713e 100644
--- a/demos/sortable/display-grid.html
+++ b/demos/sortable/display-grid.html
@@ -9,7 +9,7 @@
 	<link type="text/css" href="../demos.css" rel="stylesheet" />
 	<style type="text/css">
 	#sortable { list-style-type: none; margin: 0; padding: 0; }
-	#sortable li { margin: 3px; padding: 1px; float: left; width: 100px; height: 90px; font-size: 4em; text-align: center; }
+	#sortable li { margin: 3px 3px 3px 0; padding: 1px; float: left; width: 100px; height: 90px; font-size: 4em; text-align: center; }
 	</style>
 	<script type="text/javascript">
 	$(function() {
diff --git a/demos/sortable/portlets.html b/demos/sortable/portlets.html
index c2460da95..494b9e946 100644
--- a/demos/sortable/portlets.html
+++ b/demos/sortable/portlets.html
@@ -9,7 +9,7 @@
 	<link type="text/css" href="../demos.css" rel="stylesheet" />
 	<style type="text/css">
 	.column { width: 170px; float: left; padding-bottom: 100px; }
-	.portlet { margin: 0 1em 1em 1em; }
+	.portlet { margin: 0 1em 1em 0; }
 	.portlet-header { margin: 0.3em; padding-bottom: 4px; padding-left: 0.2em; }
 	.portlet-header .ui-icon { float: right; }
 	.portlet-content { padding: 0.4em; }