title: Chrome not rendering SVG referenced via <img> element
body: <p>I am having issues  with google chrome not rendering svg with an <code>img</code> element.  This happens when refreshing the page and initial page load.  I can get the image to show up by &quot;Inspecting Element&quot; then right clicking the svg file and opening the svg file in a new tab.  The svg image will then be rendered on the original page.</p>
  <pre><code>&lt;img src=&quot;../images/Aged-Brass.svg&quot;&gt;
  </code></pre>
  <p>Totally at loss here as to what the issue is.  The svg image renders fine in IE9 and FF just not in Chrome or Safari.</p>
  <p>I have my MIME types set as well.  (image/svg+xml)</p>
  <p><strong>EDIT:</strong>
  Here is a simple html page that I built to help illustrate my issue.</p>
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;
      &lt;title&gt;SVG Test&lt;/title&gt;
  
      &lt;style&gt;
          #BackgroundImage{
              background: url('../images/Aged-Brass.svg') no-repeat scroll left top;
              width: 400px;
              height: 600px;
          }
  
          #image_element {
              width: 400px;
              height: 600px;
              margin: 0px;
              padding: 0px;
          }
      &lt;/style&gt;
  &lt;/head&gt;
  &lt;body&gt;
      &lt;div id=&quot;image_element&quot;&gt;
          &lt;img src=&quot;../images/Aged-Brass.svg&quot;&gt;
      &lt;/div&gt;
      &lt;div id=&quot;BackgroundImage&quot;&gt;&lt;/div&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  <p>As you can see I am trying to use an svg file in both an <code>img</code> element and in css as a background image.  Neither work on the initial page load in chrome or safari.  When I inspect element right click svg or click link to svg load in another window the svg file will render in original tab.</p>