title: Chrome background cover size bug
body: <p>I've seen plenty of threads regarding this issue but I cant seem to find a fix.</p>
  
  <p>I have a div with a background image, and its size is set to cover.</p>
  
  <p>It works fine on every browser and device except for mobile chrome, whenever i scroll up and down the page, the background image seems to resize. I've also noticed the weird bug where if you put <code>background-size:cover</code> before <code>background-image:url('')</code> it ignores the <code>background-size</code> attribute, but if you put it after declaring the background image, it detects the size and sets it to cover, but then has the weird re-sizing scrolling bug.</p>
  
  <p>It's driving me mad! Anyone know of a fix?</p>