title: Table overflows parent div when td content is too wide
body: <p>I prepared a JSFiddle to explain/show you my problem: <a href="http://jsfiddle.net/nz96C/" rel="noreferrer">http://jsfiddle.net/nz96C/</a></p>
  
  <p>It looks alright at first, but when I add some text to <code>#firsttd</code> the whole table overflows the parent div once the tds whole width is used. I know how to solve this problem with CSS (<code>#firstdiv {width:90px;overflow:hidden;}</code>) but I don't know the exact number of pixels (percentage doesn't work). Also I don't want the text in the first td to wrap.</p>
  
  <p>I hope you get my problem, I even have trouble explaining it in my first language.</p>
  
  <p>EDIT: My goal is to have a table in which it doesn't matter how long the text in the first td is, the table should never overflow the parent div - without the text being wrapped. I want the text which overflows the first td just not to be shown. </p>