title: text-overflow as ellipsis not working
body: <p>I have a table which is being dynamically populated from MySQL. The table has been applied with the following CSS</p>
  
  <pre><code>.table th,
  .table td {
    padding: 8px;
    line-height: 18px;
    text-align: left;
    vertical-align: top;
    border-top: 1px solid #dddddd;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  </code></pre>
  
  <p>I also have a defined width:</p>
  
  <pre><code>&lt;td style="width: 100px"&gt;Some Stationers &amp;amp; Printers , Yamunanagar&lt;/td&gt;
  </code></pre>
  
  <p>I want that this to look like <code>Some Stationers &amp;amp; Pr...</code>
  I don't know what i am doing wrong here, any suggestions will be appreciated!</p>
  
  <p>Browsers that this has been test on are Safari and Chrome, so just webkit!</p>