title: css background image wont work
body: <p>For the life of me I can't figure out why my background image wont show up. The file path is correct. 
  Here is the HTML :</p>
  
  <pre><code> &lt;section class="banner_area"&gt;
        &lt;p&gt;Hi, I'm a &lt;span&gt;Front-End Web Developer&lt;/span&gt; 
            who makes clean and responsive designs come to life.
        &lt;/p&gt;
  &lt;/section&gt;
  </code></pre>
  
  <p>and the CSS : </p>
  
  <pre><code>.banner_area {
      background-image:url("images/banneralt4.jpg");
      height:600px;
      background-attachment:fixed;
      background-size:cover;
      background-position:center;
      position:relative;
  }
  </code></pre>
  
  <p>it worked fine on my other one. same code basically. If i were to set a background color it would show up fine. </p>