title: CSS background shorthand property not working with background-size
body: <p>When I try to combine several lines of CSS into one when styling a background image like so:</p>
  
  <pre><code>background: url("img/background.jpg") cover no-repeat;
  </code></pre>
  
  <p>It doesn't work; however, when I move the cover and no-repeat onto their own lines</p>
  
  <pre><code>background: url("img/background.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  </code></pre>
  
  <p>The image works just fine. Any hints or ideas on what's going wrong? I often notice this problem with things like padding and margins as well. </p>