Clickable Td Including The Vertical Space Under The Text

This is a variation of James Donnelly's answer to a clickable link in a TD question. I found a case where his answer doesn't completely work. Here is the example in JSFiddle I add

Solution 1:

The easiest solution would be to add onclick event listeners and a cursor: pointer; style to the tds.

HTML
<tdonClick="document.location.href='#child'">
  ...
</td>

CSS
table.coolTable td {
  ...
  cursor: pointer;
}

Updated JSFiddle