title: Why is my image not showing in my div?
body: <p>I have an image that I am showing on a page.  Here is my <code>css</code>:</p>
  
  <pre><code>body {
      background: url(./../imgs/beach.png) no-repeat;
      background-size: 100%;
  }
  </code></pre>
  
  <p>When I do this, everything shows just fine.  I then try to show the same image in a <code>div</code>.  Here is my <code>html</code>:</p>
  
  <pre><code>&lt;body&gt;
      &lt;div class="background-image"&gt;&lt;/div&gt;
  &lt;/body&gt;
  </code></pre>
  
  <p>And here is my new <code>css</code>:</p>
  
  <pre><code>.background-image {
      background: url(./../imgs/beach.png) no-repeat;
      background-size: 100%;
  }
  </code></pre>
  
  <p>But now nothing shows.  I look in my network tab and I see that the <code>image</code> is available, but it is not showing on the page.  What am I doing wrong?</p>