title: How to keep background full height when window is resized
body: <p>I have a website with a cover image.
  The problem is when a user resizes the window, the background does not stay fixed and full height.</p>
  
  <p>What I want:
  A way for the background image to stay fixed and full height whilst the user resizes the window.</p>
  
  <p>This is what I have so far:</p>
  
  <pre><code>#top {
    width: 100%;
    height: 200px;
    border-bottom: 1px solid black;
    background-image: url(http://www.kohmooksivalairesort.com/include/gallery/slide/13393910371.jpg);
    background-size: 100%;
    background-position: top center;
    background-repeat: no-repeat;
    background-attachment: fixed;
  }
  </code></pre>
  
  <p><a href="http://jsfiddle.net/h64vyr60/" rel="nofollow">http://jsfiddle.net/h64vyr60/</a></p>