title: Making a div's height 100% of parent td height (css only)?
body: <p><a href="http://jsfiddle.net/zVscL/" rel="nofollow">http://jsfiddle.net/zVscL/</a></p>
  
  <p>This sounds really stupid but is there a way to do this? I've been using <code>height:100%</code> and I'm getting 0px heights.</p>
  
  <p>I've read about requirements of passing an explicit <code>height</code> value from a parent for this to work. Problem is I can't just throw in 28px or any magic number since the parent's height is determined by the content (i.e. it will vary). What are my options?</p>
  
  <p>EDIT: Keep in mind that this is a simplified example of my problem. Yes, I need to use the table. Can't convince the higher ups. (It's only for displaying data, not for page layout fortunately!)</p>