title: Force table column widths to always be fixed regardless of contents
body: <p>I have an html table with <code>table-layout: fixed</code> and a td with a set width.  The column still expands to hold the contents of text that doesn't contain a space.  Is there a way to fix this other than wrapping the contents of each td in a div?</p>
  
  <p>Example: <a href="http://jsfiddle.net/6p9K3/29/" rel="noreferrer">http://jsfiddle.net/6p9K3/29/</a></p>
  
  <pre><code>&lt;table&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td style="width: 50px;"&gt;Test&lt;/td&gt;
              &lt;td&gt;Testing 1123455&lt;/td&gt;
          &lt;/tr&gt;&lt;tr&gt;
              &lt;td style="width: 50px;"&gt;AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA&lt;/td&gt;
              &lt;td&gt;B&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
  &lt;/table&gt;
  
  table
  {
      table-layout: fixed;
  }
  
  td
  {
      border: 1px solid green;
      overflow: hidden;
  }
  </code></pre>
  
  <p>In the example, you can see that the column with AAAAAAAAAAAA... expands despite being explicitly set to 50px wide.</p>