title: CSS rotate transform - left and top issue
body: <p>I have a parent div on which I am applying a rotation transform of -90 deg. Inside the div, one of the child should not transform, I tried transform:none and all its variants but nothing worked and it gets transformed anyways. So, I had to apply a reverse rotation on the child element to set it horizontal.</p>
  
  <p>Now the problem which occurs is that changing the left of child on which reverse rotation was applied actually changes its top and changing top changes its left when altered using Firebug. So the child element is displayed at a wrong position.</p>
  
  <pre><code>if(self._sOrientation == "vertical"){
               self.RotatePH($thisComp.closest('.ComponentFrame'),"-90deg");
               if(self.isIE==false){
                  self.RotatePH($thisComp.find('.revertTransform'),"90deg");
  //                $thisComp.find('.revertTransform').css('-moz-transform', 'none');
               }
  </code></pre>
  
  <p>Actually the component is too complex  to provide any usable code on stack overflow</p>
  
  <p><strong>Edit:</strong></p>
  
  <p>I believe the second rotation should be about the axis of the main component instead of rotating about itself. Is it possible to change axis of rotation?</p>
  
  <p><strong>The child has position:fixed; if that matters</strong></p>