title: problem with div with 100% height and padding inside a td with 100% height
body: <p>An example of issue is here:
  <a href="http://jsfiddle.net/yjjRW/1/" rel="nofollow">http://jsfiddle.net/yjjRW/1/</a></p>
  
  <p>inner div because of 100% height and margin/padding is overflowing onto next row.
  simple stuff..div inside td needs to be 100%, with some padding and margin.
  divs inside all tds in the same row needs to be of same height.
  I cannot set explicit height on them because their content is decided at runtime.</p>
  
  <p>I can settle for a jQuery fix to this as well.</p>
  
  <p>Thanks</p>