title: Shorthand CSS is not same as longhand
body: <p>As I said in the title, this shorthand:</p>
  <pre><code>.settingsSelect {
      background: url('../images/Custom.Select.Background.png'), url('../images/Settings.Input.Background.png') no-repeat, repeat 97%, 0;
      background-size: 12px, contain;
  }
  </code></pre>
  <p>is displayed as</p>
  <p><a href="https://i.stack.imgur.com/EJB5D.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/EJB5D.png" alt="bad shorthand" /></a></p>
  <p>and with proper longhand:</p>
  <pre><code>.settingsSelect {
      background-image: url('../images/Custom.Select.Background.png'), url('../images/Settings.Input.Background.png');
      background-position: 97%, 0;
      background-repeat: no-repeat, repeat;
      background-size: 12px, contain;
  }
  </code></pre>
  <p>everything works as expected.</p>
  <p><a href="https://i.stack.imgur.com/5Nu80.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/5Nu80.png" alt="longhand" /></a></p>
  <p>Where is the problem? Thanks.</p>