title: SVG background not displaying in Safari
body: <p>Works fine in Firefox and Chrome. Safari just doesn't display my SVG background image. What's the deal?</p>
  
  <p>HTML</p>
  
  <pre><code>&lt;div class="container"&gt;
      &lt;div class="row"&gt;
          &lt;header class="span12 hero-unit"&gt;
              &lt;h1&gt;Timeline&lt;/h1&gt;
          &lt;/header&gt;
      &lt;/div&gt;
      &lt;div class="svg"&gt;&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>CSS</p>
  
  <pre><code>.svg {
      width: 200px;
      height: 200px;
      background-image: url(../img/mars.svg);
      background-size: contain;
  }
  </code></pre>
  
  <p>Link</p>
  
  <p><a href="http://distantfuturejosh.com/timeline/" rel="nofollow">http://distantfuturejosh.com/timeline/</a></p>