title: CSS background-attachment:fixed hiding image
body: <p>I have two div in my HTML page. I am using background image for second div with <code>background-attachement:fixed</code>. But some part of image is hiding behind on first <code>div</code>. My First <code>div</code> height is <code>50px</code> and <code>50px</code> of image is hiding behind it. I dont know why this is happening. <a href="http://jsfiddle.net/eoLsu0ra/4/embedded/result/" rel="nofollow">fidded</a> </p>
  
  <p><strong>//HTML</strong></p>
  
  <pre><code>&lt;div style="height:50px; background:#d7d7d7"&gt;aa&lt;/div&gt;
  &lt;div class="image"&gt;&lt;/div&gt;
  </code></pre>
  
  <p><strong>//css</strong></p>
  
  <pre><code>.image{ width:970px; background:url('http://www.lavu.com/wp-content/uploads/2015/01/banner_1300x226_10.jpg') left top no-repeat; height:400px; background-attachment:fixed}
  </code></pre>