title: Getting a table to fill 100% height in a td
body: <p>I'm trying to rewrite a site in proper HTML. The site I'm trying to replace was a complete mess. I've run into a problem where I can't get a <code>&lt;table&gt;</code> to fill the height of the <code>&lt;td&gt;</code> it's contained in. I've tried setting <code>height: 100%</code> on the <code>&lt;table&gt;</code>, which based on google and stackoverflow research should work, but I must be missing something stupid. I had tried to do the same thing with <code>&lt;divs&gt;</code> before switching to tables, but I'm not opposed to going back to <code>&lt;divs&gt;</code> if someone can suggest how to do it.</p>
  
  <p>The content I'm developing is currently here: <code>http://96.0.22.228/</code></p>
  
  <p>Due to project time constraints, I've had to use bad hacks to get the pages looking correctly. I'm not declaring a <code>&lt;doctype&gt;</code> and I'm forcing IE to use IE7-quirks mode. I'd love to have recommendations on how to do this layout in a proper manner using HTML5 and CSS. It does not have to support older browsers, but it does have to look the same in the latest versions of Chrome, Firefox and IE. I'd also like to to do away with the images for the menus and style everything in CSS for the border frames and the menu text.</p>
  
  <p>Even though I've had to complete the site as is, I'm open to going back and fixing it later if there's a good answer to this problem.</p>