title: Set empty table cell height 100%
body: <p>I have a table row that contains 3 <code>td</code>s. In the middle <code>td</code> there is text, so it has a certain height, e.g. 100px.</p>
  
  <p>The two <code>td</code>s on the left and the right contain a table each that display a (later) clickable area which is supposed to have the same height as the middle <code>td</code> - so 100px in my example.</p>
  
  <p>Unfortunately, only Firefox stretches the left and right <code>td</code>s to 100% height. Chrome, Safari and IE just put it on minium height.</p>
  
  <p>Here's the fiddle: <a href="http://jsfiddle.net/X3YAu/">http://jsfiddle.net/X3YAu/</a></p>
  
  <p>I've played around with the <code>display</code> property but it didn't help. Doesn't the 100% height refer to the parent element and if so why don't the <code>td</code>s strech to the 100% height of the parent element?</p>