title: Why isn't my div background gradient working in IE9
body: <p>i've been breaking my head on how to get a background for a DIV to work using the background-gradient for IE9. Funny thing is, rest of the DIV's display gradients except this one.</p>
  
  <p>The code i'm using is:</p>
  
  <pre><code>filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr='#388EBB', endColorstr='#5D9ABA')
  </code></pre>
  
  <p>To get a better understanding, I created a div class called leaderboard, which sits on the top right side of the screen, position is fixed.</p>
  
  <p>The rest of the elements in the page having gradients are rendered correctly except this. Am i doing something wrong?</p>
  
  <p>EDIT</p>
  
  <p>This is how my #respond looks like (which works absolutely fine)</p>
  
  <pre><code>#respond {
      -moz-box-shadow: 0 0 1px #CCCCCC;
      -webkit-box-shadow: 0 0 1px #CCCCCC;
      border-top: 1px solid #ECEDE8;
      float: left;
      margin-left: 10px;
      width: 370px;
      margin-bottom: 15px;
      background: -moz-linear-gradient(center bottom , #E8E8E8 0%, #F2F2F1 50%) repeat scroll 0 0 #F5F5F4;
      background: -webkit-gradient(linear, left top, left bottom, from(#E8E8E8), to(#f2F2F1)); 
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#E8E8E8', endColorstr='#F2F2F1'); /* for IE */
      -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#E8E8E8', endColorstr='#F2F2F1'); /* for IE */
  
  }
  </code></pre>
  
  <p>This is how the .leaderboard looks like</p>
  
  <pre><code>.leaderboard {
      border: 1px solid #5D9ABA;
      -moz-border-radius: 0px 0px 4px 4px;
      -webkit-border-radius: 0px 0px 4px 4px;
      border-radius: 0px 0px 4px 4px;
      margin: 375px auto;
      background: -moz-linear-gradient(center bottom , #388EBB 0%, #5D9ABA 50%) repeat scroll 0 0 #5D9ABA;
      background: -webkit-gradient(linear, left top, left bottom, from(#388EBB), to(#5D9ABA));
      filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr='#388EBB', endColorstr='#5D9ABA'); /* for IE */
      -ms-filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr='#388EBB', endColorstr='#5D9ABA'); /* for IE */
      text-color: #EFEFEF;
      -moz-box-shadow: -2px 2px 5px 0px #CCCCCC;
      -webkit-box-shadow: -2px 2px 5px 0px #CCCCCC;
      box-shadow: -2px 2px 5px 0px #CCCCCC;
  }
  </code></pre>