title: How to make div size to images
body: <p>This is what I have</p>
  
  <pre><code>.headerpic {
  width:100%;
  background-image:URL("../images/layout/header.png");
  background-size:cover;
  }
  </code></pre>
  
  <p>My problem is, I want the height to size with the picture. I've tried.</p>
  
  <pre><code>height:100%;
  </code></pre>
  
  <p>But nothing, I'm stuck and don't know what to do. </p>