title: css3 transform rotate 90deg not working
body: <p><strong>Issue:</strong></p>
  
  <p>Each "li" tag not coming one by one (fixed from top left). Instead it flows from left to right...</p>
  
  <p><strong>My HTML is:</strong></p>
  
  <pre><code>&lt;div class="fixed-button"&gt;
      &lt;ul&gt;
          &lt;li&gt;&lt;a href="#" title=""&gt;Contact Us&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="#" title=""&gt;nh;kjfwae ilfmnsdkl;&lt;/a&gt;&lt;/li&gt;
      &lt;/ul&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><strong>And CSS is:</strong></p>
  
  <pre><code>div.fixed-button{
      position: absolute;
      display: block!important;
      width: 0;
      height: 0;
      z-index: 90000;
      margin: 0;
      outline: 0;
      top: 200px;
  }
  div.fixed-button a{
      background: url("images/fix-bug-repeat.png") repeat 0 0;
      margin-left: -33px;
      height: auto;
      padding: 10px 14px;
      font: bold 13px/16px arial, sans-serif;
      color: white;
      text-align: center;
      -moz-transform: scale(1) rotate(90deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
      -webkit-transform: scale(1) rotate(90deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
      -o-transform: scale(1) rotate(90deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
      -ms-transform: scale(1) rotate(90deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
      transform: scale(1) rotate(90deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
      white-space: nowrap;
      position: absolute;
      left: 0;
      filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
      border-bottom-width: 0;        
      margin-bottom: 20px;
      text-decoration: none;
  }
  </code></pre>
  
  <p>I tried all the possible ways. But not working. Please fix this bug.</p>