title: Truncate(with 3 dots "...") content in IE and chrome doesnt work
body: <p>I have the following situation:</p>
  
  <p>HTML:</p>
  
  <pre><code> &lt;input class="BWForm_form-control BWTextBox" disabled="disabled" id="something" title="Test Firma" type="text" value="Test Firma 11111111111111111111111111111"&gt;&lt;/input&gt;
  </code></pre>
  
  <p>CSS:</p>
  
  <pre><code>    // trunicate text with "..." 3 dots, if the content is larger than the current width
  input[disabled="disabled"]{
      overflow:hidden; 
      white-space:nowrap; 
      text-overflow: ellipsis;
  }
  </code></pre>
  
  <p>In IE and chrome it doesnt work, except in FireFox.</p>
  
  <p>I tried also:
  <a href="https://stackoverflow.com/questions/14664195/text-overflowellipsis-doesnt-work-on-ie">text-overflow:ellipsis doesn&#39;t work on IE</a>,
  <a href="https://stackoverflow.com/questions/7993067/text-overflow-ellipsis-not-working">text-overflow: ellipsis not working</a></p>
  
  <p>But it didn't take affect..</p>
  
  <p>It would be nice without having a fixed width, because the width of these input fields are different.</p>
  
  <p>Ty for helping</p>