title: Poor performance of Chrome using background-size: cover
body: <p>I need to cover background in my site and I always see <strong>lags/slugs</strong> on mouse over or any other action. Do you have any idea how to fix this issue?
  I have a working example here (If I didnt update the code yet) : <a href="http://natgeo.geryit.com" rel="nofollow">http://natgeo.geryit.com</a></p>
  
  <pre><code>ul#posters li {
      background-position: center center;
      background-repeat: no-repeat;
      background-size: cover;
      float: left;
      height: 170px;
      position: relative;
      width: 25%;
  }
  </code></pre>