title: ie9 not rendering bottom part of background gradient
body: <p>I am building a website using Wordpress and the wp-bootstrap theme from 320press. I have created my own swatch theme for it, and it all works fine, except in IE, where the bottom part of the website, the part that is invisible on page load, is replaced by gray, as if it was never rendered. So the site looks fine until I scroll down.</p>
  
  <p>I've tested this on 3 different IE9 instances.</p>
  
  <p>Has anyone else seen such a rendering error? I can't find anything out on the Internet, and I can't see any errors in the html or the css.</p>
  
  <p>I'd point to the website, but it only exists locally at the moment.</p>
  
  <p>Edit: I found that by deactivating this rule:</p>
  
  <pre><code>filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d6dae0', endColorstr='#7490a0',GradientType=0 );
  </code></pre>
  
  <p>the problem goes away. Unfortunately it is replaced by </p>
  
  <pre><code>background: rgb(214,218,224);
  </code></pre>
  
  <p>which is not a gradient.</p>
  
  <p>I tried to recreate the problem at jsfiddle : <a href="http://jsfiddle.net/3AFw8/2/" rel="nofollow">http://jsfiddle.net/3AFw8/2/</a> but there it works perfectly.</p>