title: -ms-user-select: none bugged in IE11
body: <p>-ms-user-select: none is bugged in IE11. It is possible to select the text by selecting text appearing prior to the unselectable text first and then continuing with the marking. Se <a href="https://i.gyazo.com/9f01f4cf501d074899549bba1dd0373e.mp4" rel="nofollow noreferrer">gif</a>, <a href="https://jsfiddle.net/12839002/c5jsLnbL/3/" rel="nofollow noreferrer">fiddle</a>, <a href="https://i.gyazo.com/ca612d48aaf5e326d1c2bc95348b539a.png" rel="nofollow noreferrer">image</a>. </p>
  
  <p><a href="http://caniuse.com/#search=CSS%20user-select" rel="nofollow noreferrer">caniuse</a> does not report this bug.</p>
  
  <p>Is this a known bug? Is there a way to fix this with only CSS or do I need to use JavaScript? I'm using version 11.0.9600.18537.</p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;p&gt;You can mark this&lt;/p&gt;
  &lt;div&gt;You can mark this in IE&lt;/div&gt;
  </code></pre>
  
  <p>CSS:</p>
  
  <pre><code>div {
  -webkit-touch-callout: none;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none !important;
            user-select: none;
  }
  </code></pre>