title: Double background images not working in IE
body: <p>here is my CSS code, please check it out.</p>
  
  <pre><code>body, html {
  margin: 0;
  padding: 0;
  background-image: url(../images/header-back.jpg), url(../images/bg.jpg);
  background-repeat: repeat-x, repeat;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  </code></pre>
  
  <p>}</p>
  
  <p>It is not working in IE8 or below. Help?</p>
  
  <p>-- from the answers below.
   I tried to use CSS PIE</p>
  
  <pre><code>body, html {
  margin: 0;
  padding: 0;
  -pie-background: url(../images/header-back.jpg) repeat-x, url(../images/bg.jpg)      repeat;
  behavior: url(piefolder/PIE.htc);
  font-family: Verdana, Arial, Helvetica, sans-serif;
  </code></pre>
  
  <p>}</p>
  
  <p>but still no luck,</p>
  
  <p>I also tried using </p>
  
  <pre><code>body, html {
  margin: 0;
  padding: 0;
  background: url(../images/header-back.jpg) repeat-x;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  }
  
  body:before {
  content:"";
  background:url(../images/bg.jpg) repeat;    
  }
  </code></pre>
  
  <p>Doesn't work too, am i doing something wrong?</p>