title: Strange background rendering on chrome while background-attachment:fixed;
body: <p>I wanted my background to be fixed, I did this a lot of times but this time when I scroll it gets distorted with no reason, I managed to make navigation bar not distorted not adding </p>
  
  <pre><code>  -webkit-transform: translateZ(0); 
  </code></pre>
  
  <p>to it but I don't how to fix the background. It only happens on Chrome, works fine with IE.
  <a href="http://imgur.com/pANZViI" rel="nofollow">http://imgur.com/pANZViI</a></p>
  
  <p>Here's the demo:
  <a href="http://klaunfizia.pl/damian/" rel="nofollow">http://klaunfizia.pl/damian/</a></p>
  
  <p>Here's the css:</p>
  
  <pre><code>background:url(images/background.jpg) #ff7400 no-repeat left top;
  background-size: 100%;
  background-attachment:fixed;
  margin: 0 0 0 0;
  </code></pre>