title: How to stick a div with background image to the top of the body that has padding-top?
body: <p>I need a div with background image and this div must been stick to the top.
  However, body has padding-top = 80px.
  The problem is that body’s padding cuts 80px of the div’s background image and I see a white strap at the bottom of the page.
  How to get rid of this white strap and see the whole div’s background image?
  Here is an illustration of the problem:</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;
      &lt;style&gt;
          body {
              padding-top: 80px;
              margin: 0;
          }
  
          .divider-div {
              min-height: 250px;
              background-image: url(https://c1.staticflickr.com/5/4095/4913282297_671ae41f57_b.jpg);
              background-size: 100% 100%;
              background-repeat: no-repeat;
              background-attachment: fixed;
          }
      &lt;/style&gt;
  &lt;/head&gt;
  &lt;body&gt;
  &lt;div class="divider-div"&gt;&lt;/div&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>