title: background color and ms-linear-gradient issue in IE8 and IE9
body: <p>Below are the CSS applied and got this issue,</p>
  
  <pre><code> background-color: rgba(91, 94, 85, 0.5) !important;
      filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F5B5E55,endColorstr=#7F5B5E55);
  filter:ms-linear-gradient(startColorstr=#7F5B5E55,endColorstr=#7F5B5E55); /*fix for round corner edges in IE9 and input mess rendering in all IE */
  </code></pre>
  
  <p>image 1 : FF,Chrome &amp; IE 9 working fine</p>
  
  <p>image 2 : IE8 not fine</p>
  
  <p>Im not sure how to fix this input properly in IE8. i guess its happen becoz of filter <strong>filter:ms-linear-gradient</strong>,  if i remove this filter in IE8 background color applying but inputs are messed up as below image. </p>
  
  <p>if i have this filter inputs are rendering properly in IE8 background color not applied as expected </p>
  
  <p><img src="https://i.stack.imgur.com/EhsgG.png" alt="firefox working the inputs visible properly"></p>
  
  <p><img src="https://i.stack.imgur.com/edo2n.png" alt="IE8 the inputs bg are messed up"></p>
  
  <p>Thanks ,</p>
  
  <p>Nithish</p>