title: Strange scrollbars around the svg background in chrome
body: <p>I have a problem adding an svg file as a background. Everything seems allright, but in Google Chrome I get strage inactive scrollbars on the right and bottom of svg, not a container. Here is screenshot of a problem result: <a href="http://xmages.net/show.php/2812560_strangescrollbars-jpg.html" rel="nofollow">http://xmages.net/show.php/2812560_strangescrollbars-jpg.html</a></p>
  
  <p>And here comes the part of css</p>
  
  <pre><code>#container&gt;footer {
      width: 1000px;
      margin: -124px auto 0;
      padding-top: 221px;
      background: transparent url("../img/footerBackground.png") no-repeat 42px 0;
  }
  .backgroundsize.svg  #container&gt;footer {
      background: transparent url("../img/vector/footerBackground.svg") no-repeat 42px 0;
      background-size:  553px 166px;
  }
  </code></pre>
  
  <p>I have no idea where does them come from. Any help?</p>