title: CSS: Overriding a property with display-inline makes text unselectable in IE
body: <p>Tested this on IE11;</p>
  
  <p>html: </p>
  
  <pre><code>&lt;div class="bar"&gt;
      &lt;div class="test"&gt;some text&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>css:</p>
  
  <pre><code>.test {
     display: inline-block;
  }
  
  .bar .test {
      display: inline;
  }
  </code></pre>
  
  <p><a href="http://jsfiddle.net/pjWjy/117/" rel="nofollow">http://jsfiddle.net/pjWjy/117/</a></p>
  
  <p>So we define a class <code>test</code> with property <code>display: inline-block</code>. Then we override the class with <code>display: inline</code>. And You cannot select the text in IE. Works ok in the other browsers. If there is no override of properties (remove either one of the classes) everything works as expected. Is this a bug in IE ? Cannot find it documented. Any ideas how can I fix this, without removing the override of properties ?</p>