title: Linear-gradient not working in IE 11
body: <p>I have a css rule that works fine in chrome, firefox and used to work in IE. Now my seemingly valid css is not working.</p>
  
  <pre><code>.s-tour {
  /*border-radius: 5px;*/
  margin: 0 auto;
  width: 250px;
  height: 200px;
  line-height: 100px;
  font-weight: 600;
  font-size: 18px;
  box-shadow: 0 0 7px rgba(1, 1, 1, .8);
  border: solid thin #555;
  color: #E0E0E0;
  background: #555;
  background-image: linear-gradient(to bottom, #555 0%, #eee 100%);
  background-image:-webkit-linear-gradient(top, #777, #666);
  background-image: -ms-linear-gradient(top,#555555 0%,#666666 100%);
  background-image:-o-linear-gradient(top, #777, #666);
  background-image:-moz-linear-gradient(top, #777, #666);
  }
  </code></pre>
  
  <p>I feel like both <code>background-image: linear-gradient(to bottom, #555 0%, #eee 100%);</code> or <code>-ms-background-image: linear-gradient(top,#555555 0%,#666666 100%);</code> should be working for IE 11 yet the the IE inspector puts a fuzzy red line under it and anything else I try.</p>
  
  <p>I checked a working gradient on a google page and <code>background-image: -ms-linear-gradient(top,#f5f5f5,#f1f1f1);</code> was working fine, yet even that exact line would not work on my site.</p>
  
  <p>I've tried all variations I can think of in terms of property,prefix and values, including every relevant answer on stack overflow and am now stumped, wondering if it is a DOM issue or bug or something simple.</p>