border-radius: 10px; (because Opera supports it!)

canvas.html

@@ -22,6 +22,7 @@ article, section, header, footer {
   background: #fff url(images/shade.jpg) repeat-x center bottom;
   -moz-border-radius: 10px;
   -webkit-border-radius: 10px;
+  border-radius: 10px;
   border-top: 1px solid #fff;
   padding-bottom: 76px;
 }

contenteditable.html

@@ -22,6 +22,7 @@ section, header, footer {
   background: #fff url(images/shade.jpg) repeat-x center bottom;
   -moz-border-radius: 10px;
   -webkit-border-radius: 10px;
+  border-radius: 10px;
   border-top: 1px solid #fff;
   padding-bottom: 76px;
 }

database-rollback.html

@@ -22,6 +22,7 @@ section, header, footer {
   background: #fff url(images/shade.jpg) repeat-x center bottom;
   -moz-border-radius: 10px;
   -webkit-border-radius: 10px;
+  border-radius: 10px;
   border-top: 1px solid #fff;
   padding-bottom: 76px;
 }

database.html

@@ -22,6 +22,7 @@ section, header, footer {
   background: #fff url(images/shade.jpg) repeat-x center bottom;
   -moz-border-radius: 10px;
   -webkit-border-radius: 10px;
+  border-radius: 10px;
   border-top: 1px solid #fff;
   padding-bottom: 76px;
 }

drag-anything.html

@@ -22,6 +22,7 @@ section, header, footer {
   background: #fff url(images/shade.jpg) repeat-x center bottom;
   -moz-border-radius: 10px;
   -webkit-border-radius: 10px;
+  border-radius: 10px;
   border-top: 1px solid #fff;
   padding-bottom: 76px;
 }
@@ -164,7 +165,12 @@ addEvent(drop, 'drop', function (e) {
   
   /** THIS IS THE MAGIC: we read from getData based on the content type - so it grabs the item matching that format **/
   if (getDataType.checked == false && e.dataTransfer.types) {
-    li.innerHTML = entities(e.dataTransfer.getData(e.dataTransfer.types[0]) + ' (content-type: ' + e.dataTransfer.types[0] + ')');
+    li.innerHTML = '<ul>';
+    [].forEach.call(e.dataTransfer.types, function (type) {
+      li.innerHTML += '<li>' + entities(e.dataTransfer.getData(type) + ' (content-type: ' + type + ')') + '</li>';
+    });
+    li.innerHTML += '</ul>';
+    
   } else {
     // ... however, if we're IE, we don't have the .types property, so we'll just get the Text value
     li.innerHTML = e.dataTransfer.getData('Text');

drag.html

@@ -91,17 +91,17 @@ li.over {
   var msie = /*@cc_on!@*/0;
   yum.style.opacity = 1;
 
-  var links = document.querySelectorAll('li > a'), el = null;
-  for (var i = 0; i < links.length; i++) {
-    el = links[i];
-
-    el.setAttribute('draggable', 'true');
-
-    addEvent(el, 'dragstart', function (e) {
-      e.dataTransfer.effectAllowed = 'move';
-      e.dataTransfer.setData('Text', this.id); // required otherwise doesn't work
-    });
-  }
+  // var links = document.querySelectorAll('li > a'), el = null;
+  // for (var i = 0; i < links.length; i++) {
+  //   el = links[i];
+  // 
+  //   el.setAttribute('draggable', 'true');
+  // 
+  //   addEvent(el, 'dragstart', function (e) {
+  //     // e.dataTransfer.effectAllowed = 'move';
+  //     e.dataTransfer.setData('Text', this.id); // required otherwise doesn't work
+  //   });
+  // }
 
   var bin = document.querySelector('#bin');
 
@@ -123,10 +123,10 @@ li.over {
 
   addEvent(bin, 'drop', function (e) {
     if (e.stopPropagation) e.stopPropagation(); // stops the browser from redirecting...why???
-    
-    var el = document.getElementById(e.dataTransfer.getData('Text'));
 
-    el.parentNode.removeChild(el);
+    // var el = document.getElementById(e.dataTransfer.getData('Text'));
+    // 
+    // el.parentNode.removeChild(el);
 
     // stupid nom text + fade effect
     bin.className = '';

geo.html

@@ -23,6 +23,7 @@ section, header, footer {
   background: #fff url(images/shade.jpg) repeat-x center bottom;
   -moz-border-radius: 10px;
   -webkit-border-radius: 10px;
+  border-radius: 10px;
   border-top: 1px solid #fff;
   padding-bottom: 76px;
 }

non-worker.html

@@ -22,6 +22,7 @@ article, section, header, footer {
   background: #fff url(images/shade.jpg) repeat-x center bottom;
   -moz-border-radius: 10px;
   -webkit-border-radius: 10px;
+  border-radius: 10px;
   border-top: 1px solid #fff;
   padding-bottom: 76px;
 }

offline.html

@@ -22,6 +22,7 @@ section, header, footer {
   background: #fff url(images/shade.jpg) repeat-x center bottom;
   -moz-border-radius: 10px;
   -webkit-border-radius: 10px;
+  border-radius: 10px;
   border-top: 1px solid #fff;
   padding-bottom: 76px;
 }

offlineapp.html

@@ -23,6 +23,7 @@ section, header, footer {
   background: #fff url(images/shade.jpg) repeat-x center bottom;
   -moz-border-radius: 10px;
   -webkit-border-radius: 10px;
+  border-radius: 10px;
   border-top: 1px solid #fff;
   padding-bottom: 76px;
 }

postmessage.html

@@ -26,6 +26,7 @@ section, header, footer {
   background: #fff url(images/shade.jpg) repeat-x center bottom;
   -moz-border-radius: 10px;
   -webkit-border-radius: 10px;
+  border-radius: 10px;
   border-top: 1px solid #fff;
   padding-bottom: 76px;
 }

postmessage2.html

@@ -26,6 +26,7 @@ section, header, footer {
   background: #fff url(images/shade.jpg) repeat-x center bottom;
   -moz-border-radius: 10px;
   -webkit-border-radius: 10px;
+  border-radius: 10px;
   border-top: 1px solid #fff;
   padding-bottom: 76px;
 }

storage.html

@@ -22,6 +22,7 @@ section, header, footer {
   background: #fff url(images/shade.jpg) repeat-x center bottom;
   -moz-border-radius: 10px;
   -webkit-border-radius: 10px;
+  border-radius: 10px;
   border-top: 1px solid #fff;
   padding-bottom: 76px;
 }

video.html

@@ -22,6 +22,7 @@ article, section, header, footer {
   background: #fff url(images/shade.jpg) repeat-x center bottom;
   -moz-border-radius: 10px;
   -webkit-border-radius: 10px;
+  border-radius: 10px;
   border-top: 1px solid #fff;
   padding-bottom: 76px;
 }

worker.html

@@ -22,6 +22,7 @@ article, section, header, footer {
   background: #fff url(images/shade.jpg) repeat-x center bottom;
   -moz-border-radius: 10px;
   -webkit-border-radius: 10px;
+  border-radius: 10px;
   border-top: 1px solid #fff;
   padding-bottom: 76px;
 }