title: three dots - overflow:ellipsis
body: <p>My question is, why "text-overflow:ellipsis;" doesnt work for me?
  I have table on my page and i want to shorten some text inside cell(td).
  As you can see i have no width parameter in css. I get this value from json and then I set it with jquery. Maybe this is the problem? If so, how can i solve it? </p>
  
  <pre><code>#myTable2 td{
      white-space: nowrap;
      overflow:hidden;
      text-overflow:ellipsis;
      min-width:47px;
      border-top: solid 1px #ebebeb;
      border-spacing:none;
      cellpadding: 0;
      cellspacing: 0;
      font-family:arial;
      font-size: 8pt;
      color: #3D3D3D;
      padding: 4px;
  }
  </code></pre>
  
  <p>I test it in Chrome 19, newest Firefox and IE9..
  Thanks</p>