title: CSS Multiple Backgrounds not working on IE8
body: <p>I have the following CSS class defined:</p>
  
  <pre><code>.box .login {
      border: 0;
      float: right;
      clear: both;
      height: 48px;
      background: url(../images/submitr.gif) no-repeat right;
      line-height: 20px;
      padding: 12px 42px 16px 23px;
      margin: 8px 22px;
      color: #FFF;
      font-weight: bold;
  }
  </code></pre>
  
  <p>The multiple background are working perfectly on Chrome, Firefox, Opera, Safari, and IE9. However, they're not working on IE8. Does anyone know why that is?</p>
  
  <p>(if I only have one background, it DOES work on IE8. It's when I start introducing those other backgrounds that it starts to flip out.)</p>
  
  <p>Thanks for the help! I really appreciate it :)</p>