title: Div inside div including background image
body: <p>I've got two divs. First one is 'parent', which provides width and height for another div. Second div has background-attachment: fixed and there's a problem... My image won't display when width: 100% and height: 100%. When image has height: 800px, everything is fine, but first div won't scale with image when I change screen resolution so there's an empty space between image and rest of the content. Any ideas how to fix it ? Thanks for your response!</p>
  
  <pre><code>&lt;div class="divimgparent"&gt;
  &lt;div class="divimg"&gt;&lt;/div&gt;
  &lt;/div&gt;
  .divimgparent {width: 100%; height: auto;}
  .divimg {background: url("../images/1.jpg"); width: 100%; height: 800px; background-repeat: no-repeat; background-size: contain; background-attachment: fixed;}
  </code></pre>