title: IE8 CSS rotation
body: <p>I'm looking for CSS solution for rotating elements in IE8. Some of solutions I've found say that it should work in IE8, but it does not for me. What I do wrong?</p>
  
  <p>Here is what I tried:</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;
      &lt;title&gt;&lt;/title&gt;
      &lt;style&gt;
          .rotate {
              font-weight: bold;color: #000;background: #aa0;display: block;margin: 0 auto;width: 300px;height: 300px;top: 10%;text-align: center;line-height: 300px;
              -webkit-transform: rotate(-90deg);
              -moz-transform: rotate(-90deg);
              -ms-transform: rotate(-90deg);
              -o-transform: rotate(-90deg);
              filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
          }
      &lt;/style&gt;
  &lt;/head&gt;
  &lt;body&gt;
  &lt;div class="rotate"&gt;
      TESTING ROTATION
  &lt;/div&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>I would appreciate if you test your solution before answering, and it would be great ir you could just edit my given example and repost all code.</p>
  
  <p><strong>[EDIT]</strong>
  If anyone is still curious the problem is not the code, but the testing environment.
  You should use real IE8, but not IE8 emulator in IE10/IE11 (not sure about IE9)</p>