title: Why does `transform` break `position: fixed`?
body: <p>Actually I have found what has caused the problem. My question is now why adding <code>transform</code> to your <code>html, body</code> breaks the <code>position: fixed</code>?</p>
  
  <p><strong>Original problem</strong></p>
  
  <p>The most simple CSS task seems to fail for me: <code>position: fixed</code> does not keep the position of the element relative to the view point. Consider the following stylesheet:</p>
  
  <pre class="lang-css prettyprint-override"><code>.stay-there-dammit {
    position: fixed;
    right: 0px;
    left: 0px;
    z-index: 1030;
  }
  </code></pre>
  
  <p>For the first time the page loads, the positioning is correct. But any changes to viewport such as scrolling or resizing doesn't affect the positioning of <code>.stay-there-dammit</code> element. So to speak it doesn't adapt its position to the new viewport.</p>
  
  <p>Strangely enough <a href="http://www.3site.eu/examples/position-fixed/quirks.html" rel="noreferrer">this site</a> which shows how <code>position: fixed</code> should work, actually work in my browser with no problems whatsoever!</p>
  
  <p>So the question is: <strong>Is there anything that might break fixed positioning?</strong></p>
  
  <p>Btw. I use Bootstrap 3.</p>
  
  <p><strong>UPDATE:</strong></p>
  
  <p>It seems that it was the transform set by some third-party application on <code>html,body</code> that broke the <code>position: fixed</code>. Here is what I had to remove:</p>
  
  <pre class="lang-css prettyprint-override"><code>html, body {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3, mirror=1);
    -webkit-transform: scale(1, 1);
       -moz-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
         -o-transform: scale(1, 1);
            transform: scale(1, 1);
  }
  </code></pre>
  
  <p>It seems that the following question addresses the same issue:</p>
  
  <p><a href="https://stackoverflow.com/questions/2637058/positions-fixed-doesnt-work-when-using-webkit-transform">Positions fixed doesn&#39;t work when using -webkit-transform</a></p>
  
  <p><strong>BUT WHY?</strong></p>