title: How can I rotate the content of a cell without changing the layout of the table
body: <p>I'm currently working on a UI that requires that I have a table with cells whose text is read vertically instead of horizontally.  To do this, I am using CSS rotate transforms.  </p>
  
  <p>The problem I am running into is that the content is being measured before the render transform is taking place.  This is causing my table to render incorrectly, giving wide columns instead of narrow ones.</p>
  
  <p>Is there any way to fix this behavior with either css or javascript?</p>
  
  <p><a href="http://jsfiddle.net/gJCtN/" rel="nofollow">JSFiddle</a></p>