title: CSS rotation and text distortion
body: <p>Creating a spreadsheet-style view and rotating the column causes the text to distort in Chrome + Firefox. I've managed to work around the Chrome issue using:</p>
  
  <pre><code>-webkit-backface-visibility: hidden;
  </code></pre>
  
  <p>However I'm left with Firefox looking like this :</p>
  
  <p><img src="https://i.stack.imgur.com/VCsjg.png" alt="enter image description here"></p>
  
  <p>Chrome (with fix)</p>
  
  <p><img src="https://i.stack.imgur.com/Q4tF1.png" alt="enter image description here"></p>
  
  <p>Oddly IE 10 renders this perfectly - and Mac browsers do a better job too.</p>
  
  <p>Any suggestions greatly appreciated</p>