title: background-size:100% 100%; doesn't work properly in Chrome
body: <p>I'm using an svg image as a background. I'm trying to use CSS3's <code>background-size: 100% 100%;</code> but it doesn't seem to work, even in browsers which should support it (like Chrome).</p>
  
  <p>If you look at <a href="http://www.imadake.ca/" rel="noreferrer">this site</a> you'll see the <code>#special-post article</code> (to the right/below the food image) with a red banner-looking background. Notice that as you shrink the window down, the height of the background image drops to retain it's proportions, rather then stretching, as I would like.</p>
  
  <p>EDIT:
  I checked this on FireFox and it works correctly... so this appears to be a webkit issue.</p>
  
  <p>EDIT:
  I checked this on Safari and it works! So it looks like my problem is specific to Chrome.</p>
  
  <p><img src="https://dl-web.dropbox.com/get/Public/background100-100.png?w=0d3d0045" /></p>
  
  <p>(PS: I'm familiar with <a href="https://stackoverflow.com/questions/1150163/stretch-and-scale-a-css-image-background-with-css-only">this</a> alternative solution, using an <code>img</code> tag, but I'd rather not use it.)</p>