title: Multiple backgrounds - Second image not displaying in IE7 and IE8
body: <p>I've got the following code which is supposed to display two images; one on the top left and one on the top right. In IE7 and IE8 only the top left image is being displayed.</p>
  
  <pre><code>&lt;div id="header"&gt;&lt;/div&gt;
  
  #header {
      background-image: url('img/image1.png'), url('img/image2.png');
      background-position: left top, right top;
      background-repeat: no-repeat;
      background-color: #97C032;
  }
  </code></pre>