title: Opera Mobile incorrectly calculates position: fixed
body: <p>I have a interesting problem with position: fixed in Opera Mobile 11:</p>
  
  <p>Test page: <a href="http://dl.dropbox.com/u/841468/testcase/opera/fixed.html" rel="nofollow noreferrer">http://dl.dropbox.com/u/841468/testcase/opera/fixed.html</a></p>
  
  <p>The red <code>&lt;div&gt;</code> should stay fixed on top. If I scroll page down, element moves a bit from top edge of viewport (exactly 93px in device pixels); but if I scroll up, element returns to correct position.</p>
  
  <p>(Screenshot on HTC Desire):</p>
  
  <p><img src="https://i.stack.imgur.com/AeeVL.png" alt="Screenshot on HTC Desire"></p>
  
  <p>My findings:</p>
  
  <ul>
  <li>Changing zoom level didn't help and didn't change element position from top edge.</li>
  <li>It works correctly in Opera Mobile emulators (both 10.1b and 11)</li>
  <li>Setting or removing "top" / "left" properties didn't help</li>
  <li>Setting "z-index" or "display" properties to some value didn't fixed it</li>
  <li>It shows this behavior even when I move viewport with <code>window.scrollTo(x, y)</code></li>
  <li>Setting "zoom" to "reset" didn't work</li>
  <li>Mouse events get through this element to element under it (if it is in that incorrect position)</li>
  <li>Trying IE hacks didn't work :)</li>
  </ul>
  
  <p>Thanks</p>