title: text-overflow:ellipsis doesn't work on IE
body: <p>In <a href="http://luigisettembrini.gov.it/listituto/presentazione/" rel="noreferrer">this</a> page there are some links at the left sidebar that get cropped with:</p>
  
  <pre><code>.widget-area .textwidget li {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
  }
  </code></pre>
  
  <p>In Firefox/Chrome it's displayed properly:
  <img src="https://i.stack.imgur.com/2wBvk.png" alt="Screenshot from Firefox/Chrome"></p>
  
  <p>Unfortunately Internet Explorer 8/9/10...:
  <img src="https://i.stack.imgur.com/0SrDb.png" alt="Screenshot from IE 10"></p>
  
  <p>The problem isn't IE 10 support for text-overflow:ellipsis.. for example <a href="http://jsfiddle.net/x4Pxk/1/" rel="noreferrer">this</a> works on IE 10 too! What's wrong with my implementation? I also tried to add -ms-text-overflow:ellipsis, without any luck.</p>