title: Opera: position: fixed & background-image
body: <p>On my page I have an element with the following CSS rules:</p>
  
  <pre><code>.pointer {
      position: fixed;
      background-repeat: no-repeat;
      background-position: center;
      top: 70%;
      z-index: 1;
      width: 3%;
      height: 6%;
      text-indent: 100%;
      white-space: nowrap;
      overflow: hidden;
      float: left;
      left: 0;
      background-image: url("img/myImage.jpg");
  }
  </code></pre>
  
  <p>Works good in the browsers I tested, only Opera does not like it. When I scroll, the background image also gets "scrolled" and therefore disappears as is gets out of the container.<br>
  I believe that is a known problem, but still I wasn't able to find a solution.  </p>
  
  <p>On <a href="http://john.albin.net/css/owen-hack" rel="nofollow">this page</a> a method is described how to hide CSS rules from Opera, but besides the fact that this post is anno 2002, I actually don't want to use CSS hacks.  </p>
  
  <p>Removing <code>overflow: hidden</code> does not fix it, adding <code>background-attachment: fixed</code> didn't help either. Any other ideas or solutions?</p>
  
  <p><strong>EDIT:</strong><br>
  <a href="http://jsfiddle.net/mvV7G/" rel="nofollow">http://jsfiddle.net/mvV7G/</a></p>