title: Html table with width 100% does not work with long text
body: <p>I have the following structure</p>
  
  <pre><code>&lt;table cellspacing="0" cellpadding="0" width="100%"&gt;
  &lt;tr&gt;
      &lt;td style="width:60px;"&gt;
          ...
      &lt;/td&gt;
      &lt;td&gt;
          &lt;div style="width:100%;overflow-x:hidden;"&gt;
              PROBLEMS ARE HERE
          &lt;/div&gt;
      &lt;/td&gt;
  &lt;/tr&gt;
  ...
  &lt;/table&gt;
  </code></pre>
  
  <p>The first td takes 60px, the second one takes the rest of the 100%, but when I have some long text with no spaces and no dashes the table becomes larger then the 100%.
  How to display the non-breakable text in one line or on multiple lines (both ways are acceptable) and keep the table on 100% of the screen?
  I've tried to fix this with overflow-hidden but it has no effect.</p>
  
  <p>Here's a screenshot of the problem:<a href="http://imageshack.us/photo/my-images/27/problemruf.jpg/" rel="nofollow noreferrer">link</a></p>