title: Background image gradient not working with ie9
body: <p>Seems that the below code doesn't work with ie9. Is there a workaround?
  Thanks</p>
  
  <pre><code>.orangeback {
  /* IE10 Consumer Preview */ 
  background-image: -ms-linear-gradient(top, #FF6900 0%, #FF8214 100%);
  
  /* Mozilla Firefox */ 
  background-image: -moz-linear-gradient(top, #FF6900 0%, #FF8214 100%);
  
  /* Opera */ 
  background-image: -o-linear-gradient(top, #FF6900 0%, #FF8214 100%);
  
  /* Webkit (Safari/Chrome 10) */ 
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FF6900), color-stop(1, #FF8214));
  
  /* Webkit (Chrome 11+) */ 
  background-image: -webkit-linear-gradient(top, #FF6900 0%, #FF8214 100%);
  
  /* W3C Markup, IE10 Release Preview */ 
  background-image: linear-gradient(to bottom, #FF6900 0%, #FF8214 100%);
  }
  </code></pre>