title: After rotation a box the box is different. (css transform preserve-3d rotate)
body: <p>I'am trying to rotate a box with text like a slot-machine. I use pure css.
  I think it works so far but i do have a problem that the rotated-box is smaller after rotation.
  Here is my code:
  <a href="http://jsfiddle.net/Yg4w7/4/" rel="nofollow">jsfiddle</a></p>
  
  <p>The main-code is done here:</p>
  
  <pre><code>#category_wrapper.show-unten{
    -webkit-transform: translateZ(-5px) rotateX(90deg);
    -moz-transform: translateZ(-75px) rotateX(90deg);
    -ms-transform: translateZ(-75px) rotateX(90deg);
    -o-transform: translateZ(-75px) rotateX(90deg);
    transform: translateZ(-75px) rotateX(90deg);
  
  }
  </code></pre>
  
  <p>Is this a bug or do I something wrong?</p>