title: Linear gradient with stops does not work in IE11
body: <p>I try to get this background work in IE11. I can't see the fault… does anybody know what is wrong with this?</p>
  
  <pre><code>  background: linear-gradient(to right, red 1px, transparent 1px), linear-gradient(to bottom, red 1px, transparent 1px);
    background-size: 60px 30px;
  </code></pre>
  
  <p>Fiddle: <a href="https://jsfiddle.net/201gyf6L/" rel="nofollow noreferrer">https://jsfiddle.net/201gyf6L/</a></p>
  
  <p>Thanks</p>
  
  <p>–––– UPDATE ––––</p>
  
  <p>I found a work around for IE11.</p>
  
  <pre><code>background: linear-gradient(left, red 1px, transparent 1.1px), linear-gradient(top, red 1px, transparent 1.1px);
  </code></pre>
  
  <p>I updated "to right" to "left" and "to bottom" to "top" and, important, wrote 1.1px instead of 1px. Kinda ugly, but works.</p>