layout demo: fixed positioning of add-button, border-top of header go…

…t messed up in IE

demos/real-world/layout/demo-ie.css

@@ -1 +1,3 @@
+.ui-sortable h2 { top: -4px; }
+
 #overlay #preloader img { margin-top: 11px; }

demos/real-world/layout/demo.css

@@ -11,7 +11,7 @@ a { color:#FFF; }
 #overlay #preloader img { margin:0; vertical-align:middle; }
 
 .ui-sortable { background-color:#FFF; border:1px solid #555; color:#222; margin:0 15px 15px 0; padding:0 10px 10px; width:175px; }
-.ui-sortable h2 { background-color:#555; border-top:3px solid #666; color:#FFF; font-size:11px; margin:0 -10px 10px; line-height:2; padding:0 10px; }
+.ui-sortable h2 { background-color:#555; border-top:3px solid #666; color:#FFF; font-size:11px; margin:0 -10px 10px; line-height:2; padding:0 10px; position:relative; }
 
 dl.sort { color:#222; margin:10px 0; }
 #uidemo dl.first { margin-top:0; }
@@ -27,7 +27,7 @@ span.options { cursor:default; font-size:1px; line-height:1px; position:absolute
 span.options a { background-color:#FFF; cursor:pointer; display:block; float:left; text-indent:-9000px; }
 span.options a.add { background: url(add.png) no-repeat; }
 
-.ui-sortable h2 span.options { right:10px; top:8px; width:30px; }
+.ui-sortable h2 span.options { right:-12px; top:5px; width:30px; }
 .ui-sortable h2 span.options a { height:12px; width:30px; }
 
 dl.sort dt span.options { right:5px; top:5px; width:27px; }

demos/real-world/layout/demo.js

@@ -22,12 +22,13 @@
 		updateUpDown(dl.parent());
 	};
 
+	var counter = 1;
 	function addItem(){
 		var sortable = $(this).parents('.ui-sortable');
 		var options = '<span class="options"><a class="up">up</a><a class="down">down</a></span>';
 		var tpl = '<dl class="sort"><dt>{name}' + options + '</dt><dd>{desc}</dd></dl>';
-		var html = tpl.replace(/{name}/g, 'Dynamic name :D').replace(/{desc}/g, 'Description');
-
+		var html = tpl.replace(/{name}/g, 'Dynamic name ' + counter).replace(/{desc}/g, 'Description');
+		counter += 1;
 		sortable.append(html).sortable('refresh').find('a.up, a.down').bind('click', moveUpDown);
 		updateUpDown(sortable);
 	};