title: How to show full height background image?
body: <p>I have a photo type (not landscape) background image with 979px width by 1200px height. I would like to set it to float left and show 100% full image height fixed, without the need to scroll up/down (regardless of content length).</p>
  
  <p>This is my CSS code, but it is not working:</p>
  
  <pre><code>img, media {
      max-width: 100%;
  }
  
  body {
      background-color: white;
      background-image: url('../images/bg-image.jpg');
      background-size: auto 100%;
      background-repeat: no-repeat;
      background-position: left top;
  }
  </code></pre>