title: Why is my background image not appearing?
body: <p>I am trying to place a repeating gradient .png as a background-image for a div.</p>
  
  <p>CSS:</p>
  
  <pre><code>background-image: url(./images/backbar.png) repeat-x;
  </code></pre>
  
  <p>I also tried it with quotes, and there was no change. This is what the dragonfly interface in Opera says:</p>
  
  <pre class="lang-css prettyprint-override"><code>#final_bar { 
      color: rgb(0, 0, 0);
      display: block;
  }
  nepan.css:43
  .bar { 
      clear: both;
      margin-left: auto;
      margin-right: auto;
      width: 771px;
  }
  default values
  div { 
      &lt;strike&gt;display: block;&lt;/strike&gt;
  }
  Inherited from div
  nepan.css:31
  .wrapper { 
      &lt;strike&gt;color: rgb(40, 40, 40);&lt;/strike&gt;
      font-family: "Arial", "Helvetica", sans-serif;
      font-size: 12px;
      line-height: 18px;
      text-align: left;
  }
  </code></pre>
  
  <p>^The style property isn't even showing up, so am I mistyping?</p>
  
  <p>Now, as per the various questions:</p>
  
  <ol>
  <li><p>My HTML and CSS files are in the same directory (you will note that the image is used in the div--I did that to determine if the file was accessible - it is).</p></li>
  <li><p>I have tested this page in IE/Chrome/Firefox/Opera now. The image itself shows up as an individual image, <em>except</em> in Firefox.</p></li>
  <li><p><code>http://nepaninjas.com</code> This code is live with the error at this time.</p></li>
  </ol>