title: document.createElement() creates unclosed tag?
body: <p>This happens in Firefox, but not in Google Chrome.</p>
  
  <p>I create an SVG 'Image' tag in an svg-web canvas like this:</p>
  
  <pre><code>im = document.createElementNS(svgns, 'image');
  im.setAttributeNS(xlinkns, 'href', g.href);
  canvas.appendChild(im);
  </code></pre>
  
  <p>And if I look in firebug or chrome's debugger, the svg shows up self-closed like this:</p>
  
  <pre><code>&lt;image xlink:href="..." /&gt;
  </code></pre>
  
  <p>But if I then print the parent of the svg element's <code>innerHTML</code>, it returns this:</p>
  
  <pre><code>&lt;svg&gt;&lt;image xlink:href="..."&gt;&lt;/svg&gt;
  </code></pre>
  
  <p>Note that the image tag is now unclosed, which causes errors down the line. Have I discovered a bug, or am I doing something wrong? And, probably much harder, is there a way in JavaScript to check and fix the tag?</p>