title: Display background grid by using image with CSS
body: <p>The <a href="http://jsfiddle.net/k92hc4Lv/3/" rel="nofollow">UPDATED DEMO</a> works quite well except for the fact that the background image is getting resized when I change:</p>
  
  <pre><code>background-size: 20px 20px;
  </code></pre>
  
  <p>Is it possible to keep the original image size and make background images overlap (hide the part of image that exceeds the top-left box (20px 20px) )?</p>
  
  <p>The B plan would be to to crop the image with JS in set base64 image content...</p>