How do I make a div fill an entire table cell?

Question

I\'m trying to fill the center cell of a table with a div element. For the purposes of illustrating the problem, the div is styled with a red background. It seems to work

Answer 1

Here's a jsfiddle: https://jsfiddle.net/55cc077/pvu5cmta/

CSS height: 100% only works if the element's parent has an explicitly defined height. This jQuery sets the table cell height in the first column.