title: IE 10: dragstart event doesn't get fired if <img> is wrapped by <a>
body: <p>jsFiddle: <a href="http://jsfiddle.net/39she/3/" rel="nofollow">http://jsfiddle.net/39she/3/</a></p>
  
  <p>HTML:</p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;a href="http://google.de"&gt;
    &lt;img src="https://www.google.de/images/srpr/logo4w.png" draggable="true" /&gt;
  &lt;/a&gt;
  </code></pre>
  
  <p>JavaScript:</p>
  
  <pre class="lang-js prettyprint-override"><code>// Please forgive me this bad-designed function ;)
  // quick and dirty solution
  function log(msg) {
      document.body.innerHTML = document.body.innerHTML + "&lt;hr /&gt;" + msg;
  }
  
  var myImg = document.getElementsByTagName("img")[0];
  
  myImg.addEventListener("dragstart", function(evt) {
      log("Drag started");
  });
  </code></pre>
  
  <p>The log message appears in <em>Chrome 27</em>, <em>Safari 5.1</em> and <em>Opera 12.15</em>. Only IE 10 does not fire any event (though it fires the <code>drop</code> event when the image gets dropped afterwards).</p>
  
  <p><strong>Edit 1</strong> <br />
  Listening for <code>dragstart</code> at the link tag works fine in IE 10.</p>