title: How do I get my background image to not be cut off at the bottom?
body: <p>I have a large background image that is fixed with text being displayed on top of it, however the bottom of the image is being clipped off. I want the image to be displayed completely and not be cropped off.</p>
  
  <pre><code> #content {
              background-image: url(../images/bean.jpg);
              background-repeat: no-repeat;
              background-size: 100%;
              background-attachment: fixed;
              height: 40em;
              margin-top: 0;
              padding: 0;}
  </code></pre>