title: background-image: url() not showing up
body: <p>I'm familiar with html/css, but while experimenting with <code>background-image:url()</code>, nothing shows up. My html is very basic to test this out; my image path name is correct. I've exhausted all my resources and nothing is working.
  Here is my html:</p>
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
      &lt;head&gt;
          &lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1&quot;&gt;
          &lt;meta charset=&quot;UTF-8&quot;&gt;
          &lt;link rel=&quot;stylesheet&quot; href=&quot;test.css&quot;/&gt;
      &lt;/head&gt;
          &lt;body&gt;
              &lt;img class=&quot;pic&quot;&gt;
          &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  <p>CSS:</p>
  <pre><code>.pic {
      background-image: url(/Users/leslienguyen/Desktop/bgBullet4.png);
      background-size: cover;
  }
  </code></pre>
  <p>I've already tried using <code>(-webkit-)background-size</code>, <code>background-attachment</code>, and checked if the files are all in the same location. The background sometimes works when I put <code>height</code> specific px but never works with <code>auto</code> either. I'm super stuck.</p>
  <p>Thanks!</p>