title: Move image anywhere on screen html5
body: <p>I found a helpful answer to this question in <a href="https://stackoverflow.com/questions/6230834/html5-drag-and-drop-anywhere-on-the-screen">this</a> thread, but now I am having trouble moving the image around the screen. The image does not move on top of anything except the text in the <code>&lt;p&gt;</code> tags, but I would like to be able to move the image around without there being any text at all. How would I accomplish this?</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;
  &lt;title&gt; &lt;/title&gt;
  &lt;link rel="stylesheet" type="text/css" href="index.css"&gt;
  &lt;/head&gt;
  &lt;body&gt;
      &lt;aside draggable="true" id="dragme"&gt;
          &lt;img src = "http://i65.tinypic.com/6sgbus.jpg" width = "96" height = "96"&gt;
      &lt;/aside&gt;
  
  &lt;p&gt;I never am really satisfied that I understand anything; because, understand it well as I may, my comprehension can only be an infinitesimal fraction of all I want to understand about the many connections and relations which occur to me, how the matter in question was first thought of or arrived at, etc., etc.&lt;/p&gt;
  
      &lt;script&gt;
      function drag_start(event) {
          var style = window.getComputedStyle(event.target, null);
          event.dataTransfer.setData("text/plain",
          (parseInt(style.getPropertyValue("left"),10) - event.clientX) + ',' + (parseInt(style.getPropertyValue("top"),10) - event.clientY));
      } 
      function drag_over(event) { 
          event.preventDefault(); 
          return false; 
      } 
      function drop(event) { 
          var offset = event.dataTransfer.getData("text/plain").split(',');
          var dm = document.getElementById('dragme');
          dm.style.left = (event.clientX + parseInt(offset[0],10)) + 'px';
          dm.style.top = (event.clientY + parseInt(offset[1],10)) + 'px';
          event.preventDefault();
          return false;
      } 
      var dm = document.getElementById('dragme'); 
      dm.addEventListener('dragstart',drag_start,false); 
      document.body.addEventListener('dragover',drag_over,false); 
      document.body.addEventListener('drop',drop,false); 
      &lt;/script&gt;
      &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>