title: Full page background image with pattern overlay
body: <p>I would like to display an background image (background.jpg) that covers the whole page, but alongside this image I would like a dotted overlay (dotted-pattern.jpg). I have attempted the following code which theoretically should work but it doesn't, background.jpg only shows the image in correct proportions.</p>
  
  <p>Here is the code:</p>
  
  <pre><code>background-image: url(images/dotted-pattern.png), url(images/background.jpg);
  background-position: top left, center center;
  background-repeat: repeat, no-repeat;
  -webkit-background-size: auto, cover;
  -moz-background-size: auto, cover;
  -o-background-size: auto, cover;
  background-size: auto, cover;
  </code></pre>