title: Printing webpage with rotated text in Internet Explorer 9
body: <p>OK, so I completely changed this question, lets cut the crap. Try this link:
  <a href="http://jetibest.site90.com/stackoverflow_example.htm" rel="nofollow" title="Printing rotated text crossbrowser">Printing rotated text crossbrowser</a> (It contains exactly the source code as given below)</p>
  
  <p>You will see red blablabla text with a blue border rotated 90 degrees ccw.</p>
  
  <p>Now my problem for any IE9 user, go to my website or use this code below. As you can see in the print preview: context menu -> "Print preview...", the rotation fails! (And ofcourse the background colors get lost, but this is normal)</p>
  
  <p>And I KNOW it is possible to print, for example 35 degrees, rotated text, I got an example of it, but it contains a lot of crap css code, so I have not really been able to figure out what is different in that example.</p>
  
  <p>Can anyone see what obvious thing I am missing here?</p>
  
  <pre><code>&lt;!DOCTYPE html 
       PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
       "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;
  &lt;html&gt;
  &lt;head&gt;
  &lt;style type="text/css"&gt;
  .testRotation
  {
    width: 200px;
    height: 16px;
    background-color: red;
    filter: progid:DXImageTransform.Microsoft.Matrix(M11=0, M12=1, M21=-1, M22=0, SizingMethod='auto expand');
    -moz-transform:rotate(270deg) translate(-200px,0px);
    -moz-transform-origin: 0% 0%;
    -webkit-transform: rotate(270deg) translate(-200px,0px);
    -webkit-transform-origin: 0% 0%;
    -o-transform: rotate(270deg) translate(-200px,0px);
    -o-transform-origin: 0% 0%;
    transform: rotate(270deg) translate(-200px,0px);
    transform-origin: 0% 0%;
    zoom: 1;
    position: absolute;
    left: 20px;
    top: 100px;
    margin: 10px;
  }
  &lt;/style&gt;
  &lt;/head&gt;
  
  &lt;body&gt;
  &lt;div style="position: absolute; width: 16px; height: 200px;left: 25px; top: 105px; background-color: green; border-style: solid; border-width: 5px; border-color: blue;word-wrap: break-word;"&gt;
  TARGET
  &lt;/div&gt;
  &lt;div class="testRotation"&gt;
  BLABLABLABLABLA
  &lt;/div&gt;
  
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>