title: CSS background-image not working
body: <p>I don't know what is going on but it seems that the background image isn't loading.</p>
  
  <p>test.html:</p>
  
  <pre><code>&lt;div class="pToolContainer"&gt;
       &lt;span class="btn-pTool"&gt;
           &lt;a class="btn-pToolName" href="#"&gt;&lt;/a&gt;
       &lt;/span&gt;
       &lt;div class="pToolSlidePanel"&gt;&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>style.css:</p>
  
  <pre><code>    .btn-pTool{
      margin:0;
      padding:0;
      background-image: url(slide_button.png);
      background-repeat:no-repeat;
      }
  
      .btn-pToolName{
          text-align: center; 
          width: 26px; 
          height: 190px; 
          display: block; 
          color: #fff; 
          text-decoration: none;  
          font-family: Arial, Helvetica, sans-serif;  
          font-weight: bold; 
          font-size: 1em; 
          line-height: 32px; 
      }
  </code></pre>
  
  <p>By the way the image does exist in the folder of test.html.</p>