Containing element not expanding vertically when content has rotated text

[DSPB]

I have a table with some th tags that contain text that is rotated via CSS. The problem I have is that the th is not expanding vertically with the content. Here is a basic example of the markup I have:HTML:\[code\]<table> <thead> <th> <div class="rotated-text">Some Text</div> </th> <th> <div class="rotated-text">Some More Text</div> </th> <th> <div class="rotated-text">Even More Text</div> </th> </thead></table>\[/code\]CSS:\[code\].rotated-text { filter: progidXImageTransform.Microsoft.BasicImage(rotation=3); -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); }\[/code\]Example: http://jsfiddle.net/UPFkX/1/