title: SVG scaling issues in Safari
body: <p>Strange issue occurring in Safari. I'm setting the background of an element to be an SVG. This SVG was drawn on a tight pixel grid and appears in most every other browser perfectly, but for some reason it's scaling incorrectly in Safari.</p>
  
  <p>Here is the SASS I'm using to set the background:</p>
  
  <pre><code>@include background-size(100% 100%);
  background: transparent image-url('icon-laptop.svg') no-repeat 0 0;
  </code></pre>
  
  <p>... and the CSS that creates:</p>
  
  <pre><code>-webkit-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
  background: transparent url('../images/icon-laptop.svg?1343856741') no-repeat 0 0;
  </code></pre>
  
  <p>I tried setting the background-size to 99.9% and it helped a bit but made it blurry in <em>every</em> browser.</p>
  
  <p>Here are the results in Chrome and Safari:</p>
  
  <p><img src="https://i.stack.imgur.com/DTsUr.png" alt="enter image description here"></p>
  
  <p>Ideas as to what might be happening?</p>