title: Horizontally align div with display: table-cell
body: <p>I have a table with bars in it. I use <code>display: table-cell</code> in order to align the contents at the bottom.  The problem is that the container <code>div</code>s no longer align horizontally over their corresponding <code>TH</code>s (their width is not set)</p>
  
  <p><a href="http://jsfiddle.net/gTWQ3/10/" rel="noreferrer">Here is a jsFiddle that shows the problem</a></p>