removed margin-left rules from these draggable demos due to IE6 conflict

8 files changed, 9 insertions, 9 deletions

diff --git a/demos/draggable/constrain-movement.html b/demos/draggable/constrain-movement.html
index a21785dca..d2acc721c 100644
--- a/demos/draggable/constrain-movement.html
+++ b/demos/draggable/constrain-movement.html
@@ -8,11 +8,11 @@
 	<script type="text/javascript" src="../../ui/ui.draggable.js"></script>
 	<link type="text/css" href="../demos.css" rel="stylesheet" />
 	<style type="text/css">
-	.draggable { width: 90px; height: 90px; padding: 0.5em; float: left; margin: 5px; }
+	.draggable { width: 90px; height: 90px; padding: 0.5em; float: left; margin: 0 10px 10px 0; }
 	#draggable, #draggable2 { margin-bottom:20px; }
 	#draggable { cursor: n-resize; }
 	#draggable2 { cursor: e-resize; }
-	#containment-wrapper { width:100%; height:150px; border:2px solid #ccc; }
+	#containment-wrapper { width:100%; height:150px; border:2px solid #ccc; padding: 10px;}
 	</style>
 	<script type="text/javascript">
 	$(function() {
diff --git a/demos/draggable/cursor-style.html b/demos/draggable/cursor-style.html
index ec09b49fa..14b3b2915 100644
--- a/demos/draggable/cursor-style.html
+++ b/demos/draggable/cursor-style.html
@@ -8,7 +8,7 @@
 	<script type="text/javascript" src="../../ui/ui.draggable.js"></script>
 	<link type="text/css" href="../demos.css" rel="stylesheet" />
 	<style type="text/css">
-	#draggable, #draggable2, #draggable3 { width: 100px; height: 100px; padding: 0.5em; float: left; margin: 5px; }
+	#draggable, #draggable2, #draggable3 { width: 100px; height: 100px; padding: 0.5em; float: left; margin: 0 10px 10px 0; }
 	</style>
 	<script type="text/javascript">
 	$(function() {
diff --git a/demos/draggable/delay-start.html b/demos/draggable/delay-start.html
index 990345d2f..6f49d17a8 100644
--- a/demos/draggable/delay-start.html
+++ b/demos/draggable/delay-start.html
@@ -8,7 +8,7 @@
 	<script type="text/javascript" src="../../ui/ui.draggable.js"></script>
 	<link type="text/css" href="../demos.css" rel="stylesheet" />
 	<style type="text/css">
-	#draggable, #draggable2 { width: 120px; height: 120px; padding: 0.5em; float: left; margin: 5px; }
+	#draggable, #draggable2 { width: 120px; height: 120px; padding: 0.5em; float: left; margin: 0 10px 10px 0; }
 	</style>
 	<script type="text/javascript">
 	$(function() {
diff --git a/demos/draggable/handle.html b/demos/draggable/handle.html
index 1c11b4f55..8433a1e88 100644
--- a/demos/draggable/handle.html
+++ b/demos/draggable/handle.html
@@ -8,7 +8,7 @@
 	<script type="text/javascript" src="../../ui/ui.draggable.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: 5px; }
+	#draggable, #draggable2 { width: 100px; height: 100px; padding: 0.5em; float: left; margin: 0 10px 10px 0; }
 	#draggable p { cursor: move; }
 	</style>
 	<script type="text/javascript">
diff --git a/demos/draggable/revert.html b/demos/draggable/revert.html
index b28969a3a..84336407e 100644
--- a/demos/draggable/revert.html
+++ b/demos/draggable/revert.html
@@ -8,7 +8,7 @@
 	<script type="text/javascript" src="../../ui/ui.draggable.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: 5px; }
+	#draggable, #draggable2 { width: 100px; height: 100px; padding: 0.5em; float: left; margin: 0 10px 10px 0; }
 	</style>
 	<script type="text/javascript">
 	$(function() {
diff --git a/demos/draggable/scroll.html b/demos/draggable/scroll.html
index 95e53d36c..201ce9c30 100644
--- a/demos/draggable/scroll.html
+++ b/demos/draggable/scroll.html
@@ -8,7 +8,7 @@
 	<script type="text/javascript" src="../../ui/ui.draggable.js"></script>
 	<link type="text/css" href="../demos.css" rel="stylesheet" />
 	<style type="text/css">
-	#draggable, #draggable2, #draggable3 { width: 100px; height: 100px; padding: 0.5em; float: left; margin: 5px; }
+	#draggable, #draggable2, #draggable3 { width: 100px; height: 100px; padding: 0.5em; float: left; margin: 0 10px 10px 0; }
 	</style>
 	<script type="text/javascript">
 	$(function() {
diff --git a/demos/draggable/snap-to.html b/demos/draggable/snap-to.html
index 65b5f6b99..43c0585c1 100644
--- a/demos/draggable/snap-to.html
+++ b/demos/draggable/snap-to.html
@@ -8,7 +8,7 @@
 	<script type="text/javascript" src="../../ui/ui.draggable.js"></script>
 	<link type="text/css" href="../demos.css" rel="stylesheet" />
 	<style type="text/css">
-	.draggable { width: 90px; height: 80px; padding: 5px; float: left; margin: 5px; font-size: .9em; }
+	.draggable { width: 90px; height: 80px; padding: 5px; float: left; margin: 0 10px 10px 0; font-size: .9em; }
 	.ui-widget-header p, .ui-widget-content p { margin: 0; }
 	#snaptarget { height: 140px; }
 	</style>
diff --git a/demos/draggable/visual-feedback.html b/demos/draggable/visual-feedback.html
index 4689495ed..25c42fdad 100644
--- a/demos/draggable/visual-feedback.html
+++ b/demos/draggable/visual-feedback.html
@@ -8,7 +8,7 @@
 	<script type="text/javascript" src="../../ui/ui.draggable.js"></script>
 	<link type="text/css" href="../demos.css" rel="stylesheet" />
 	<style type="text/css">
-	#draggable, #draggable2, #draggable3, #set div { width: 90px; height: 90px; padding: 0.5em; float: left; margin: 5px; }
+	#draggable, #draggable2, #draggable3, #set div { width: 90px; height: 90px; padding: 0.5em; float: left; margin: 0 10px 10px 0; }
 	#draggable, #draggable2, #draggable3 { margin-bottom:20px; }
 	#set { clear:both; float:left; width: 368px; height: 120px; }
 	p { clear:both; margin:0; padding:1em 0; }