title: Inkscape .HTML SVG file works in Chrome but not in IE9
body: <p>I have the following Inkscape exported SVG:</p>
  
  <p>[TESTSVG.HTML]</p>
  
  <pre><code>&lt;?xml version="1.0" encoding="UTF-8" standalone="no"?&gt;
  &lt;!-- Created with Inkscape (http://www.inkscape.org/) --&gt;
  
  &lt;svg
     xmlns:dc="http://purl.org/dc/elements/1.1/"
     xmlns:cc="http://creativecommons.org/ns#"
     xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
     xmlns:svg="http://www.w3.org/2000/svg"
     xmlns="http://www.w3.org/2000/svg"
     xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
     xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
     width="744.09448819"
     height="1052.3622047"
     id="svg2"
     version="1.1"
     inkscape:version="0.48.4 r9939"
     sodipodi:docname="mainscreen.svg"&gt;
    &lt;defs
       id="defs4" /&gt;
    &lt;sodipodi:namedview
       id="base"
       pagecolor="#ffffff"
       bordercolor="#666666"
       borderopacity="1.0"
       inkscape:pageopacity="0.0"
       inkscape:pageshadow="2"
       inkscape:zoom="0.7"
       inkscape:cx="175.99454"
       inkscape:cy="739.86976"
       inkscape:document-units="px"
       inkscape:current-layer="layer1"
       showgrid="false"
       inkscape:window-width="1366"
       inkscape:window-height="706"
       inkscape:window-x="-8"
       inkscape:window-y="-8"
       inkscape:window-maximized="1" /&gt;
    &lt;metadata
       id="metadata7"&gt;
      &lt;rdf:RDF&gt;
        &lt;cc:Work
           rdf:about=""&gt;
          &lt;dc:format&gt;image/svg+xml&lt;/dc:format&gt;
          &lt;dc:type
             rdf:resource="http://purl.org/dc/dcmitype/StillImage" /&gt;
          &lt;dc:title /&gt;
        &lt;/cc:Work&gt;
      &lt;/rdf:RDF&gt;
    &lt;/metadata&gt;
    &lt;g
       inkscape:label="Layer 1"
       inkscape:groupmode="layer"
       id="layer1"&gt;
      &lt;path
         sodipodi:type="arc"
         style="fill:#ff0000;fill-opacity:1;stroke:#495677;stroke-width:23.16900062999999900;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none"
         id="circle1"
         sodipodi:cx="227.14285"
         sodipodi:cy="156.6479"
         sodipodi:rx="47.142857"
         sodipodi:ry="44.285713"
         d="m 274.28571,156.6479 a 47.142857,44.285713 0 1 1 -94.28571,0 47.142857,44.285713 0 1 1 94.28571,0 z"
         inkscape:label="#path2985" /&gt;
      &lt;rect
         style="fill:#ffff00;fill-opacity:1;stroke:#495677;stroke-width:4.86899999999999980;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none"
         id="box1"
         width="284.28571"
         height="110"
         x="312.85715"
         y="98.076469"
         inkscape:label="#box1" /&gt;
    &lt;/g&gt;
  &lt;/svg&gt;
  </code></pre>
  
  <p>Save as an HTML file (TESTSVG.HTML), it works in Chrome but not in IE9. If you change the file name to .SVG (TESTSVG.SVG), it will work on both browsers.</p>
  
  <p>I need to make it work on IE9 using the HTML extension.</p>
  
  <p>Tks for any help.</p>