title: css/html - Help building a fluid layout
body: <p>Here's the fiddle: <a href="http://jsfiddle.net/nobosh/WrP8C/" rel="nofollow">http://jsfiddle.net/nobosh/WrP8C/</a></p>
  
  <p>What I'm trying to do is build a fluid table layout like GMAIL's inbox. </p>
  
  <p>Where the .wrapper class shows as much content as possible based on the size of the window, but hides the rest. </p>
  
  <p>The problem with the jsfiddle, is the table is growing outside of the outer div, which is breaking the page.</p>
  
  <p>How can the table be prevented from growing outside the outer div, and the .wrapper width be as big as possible without breaking the outer div? </p>
  
  <p>Thanks</p>