title: CSS table td width - fixed, not flexible
body: <p>I have a table and I want to set a fixed width of 30px on the td's. the problem is that when the text in the td is too long, the td is stretched out wider than 30px. <code>Overflow:hidden</code> doesn't work either on the td's, I need some way of hiding the overflowing text and keeping the td width 30px.</p>
  
  <pre><code>&lt;table cellpadding="0" cellspacing="0"&gt;
      &lt;tr&gt;
          &lt;td&gt;first&lt;/td&gt;&lt;td&gt;second&lt;/td&gt;&lt;td&gt;third&lt;/td&gt;&lt;td&gt;forth&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;first&lt;/td&gt;&lt;td&gt;this is really long&lt;/td&gt;&lt;td&gt;third&lt;/td&gt;&lt;td&gt;forth&lt;/td&gt;
      &lt;/tr&gt;
  &lt;/table&gt;
  </code></pre>