title: Resize svg image as background in chrome browser
body: <p>I am using svg image as background and I am stretching SVG image through background-size. I want it to be strech only width wise. Its working perfectly fine in firefox, IE9 + but chrome. Please suggest me how i can achieve it.</p>
  
  <pre><code>.homecallouts ul li {
  background-image: url('blue_arow_callout.svg');
  background-size: 100% 100%;
  width: 21%;
  height: 42px;
  </code></pre>
  
  <p>see the jsbin code
  <a href="http://jsbin.com/uvijuc/4/">http://jsbin.com/uvijuc/4/</a></p>
  
  <p>when i resize in firefox only width stretch but in chrome both width and height are stretching. I want only width to stretch.</p>