title: SVG bg-image doesn't work well with safari
body: <p>I know there might be plenty of other topics about SVG background-images and browser compatibility, but i really can't find out any solution to my problem. I'm using Foundation 5.</p>
  
  <p>So, I've got three divs in a row. Each div has a svg as a bg-image.</p>
  
  <p>See, on Chrome, works perfectly:
  <a href="http://imgur.com/ovI7Dvl" rel="nofollow">Chrome capture</a></p>
  
  <p>The svg background isn't the bubble itself but the surrounding, that I filled with blue ( so bg-color is white ).</p>
  
  <p>But if I go on Safari, there is a small white line on the border of my divs : <a href="http://imgur.com/ktT3b1v" rel="nofollow">Safari capture</a></p>
  
  <p>I'd like to get rid of this white line on safari. I mean, I want my row to display as in Chrome. So, I know background images width in safari are set in px, and that mine are set with %. But I don't really think it has something to do with it. I really have no idea of how I can resolve this.</p>