title: HTML and CSS Background-image is not showing up
body: <p>I already double checked my URL, and the name of the files, but I can't seem to get the image to show up. Why is it like that? Here's my code (take note the <code>&lt;p&gt;</code> is inside the body tags, I didn't add the full code, I only added the head and the specific problem).</p>
  
  <pre><code>&lt;html&gt;
    &lt;head&gt;
       &lt;title&gt;Head First Lounge.&lt;/title&gt;
        &lt;link type="text/css" 
              rel="stylesheet" 
              href="stylesheet/style.css" 
              media="screen"/&gt;
    &lt;/head&gt;
  
  
  &lt;p class = "guarantee"&gt;
       Our guarantee: at the lounge, we're committed to providing you, 
       our guest, with an exceptional experience every time you visit.
       Whether you're just stopping by to check in on email over an 
       elixir, or are here for an out-of-the-ordinary dinner, you'll 
       find our knowledgeable service staff pay attention to every detail. 
       If you're not fully satisfied, have a Blueberry Bliss Elixir on us.
  &lt;/p&gt;        
  </code></pre>
  
  <p>And here's the CSS rule for that part</p>
  
  <pre><code>.guarantee{         
          background-image: url(images/background.gif);
          font-family: "Geogia", "Times New Roman", Times, serif;
          border-color: black;
          border-width: 1px;
          border-style: solid;
          background-color: #a7cece;
              padding: 25px;
              margin: 30px;
              line-height: 1.9em;
              font-style: italic;
              color: #444;
  }
  </code></pre>