title: Background image path not working in firefox
body: <p>I'm running into a problem with background image of an <code>&lt;li&gt;</code> loading in firefox.</p>
  
  <p>my original code was:</p>
  
  <pre class="lang-css prettyprint-override"><code>background: #bdcad7 url(../images/navbg.png) repeat-x;
  </code></pre>
  
  <p>which works well in chrome and IE but not in FF.</p>
  
  <pre class="lang-css prettyprint-override"><code>background: #bdcad7 url(images/navbg.png) repeat-x; 
  </code></pre>
  
  <p>also works in IE and chrome but not in FF</p>
  
  <p>The only way to get it working in FF is if I include the next directory level</p>
  
  <pre class="lang-css prettyprint-override"><code>background: #bdcad7 url(/includes/images/navbg.png) repeat-x; 
  </code></pre>
  
  <p>but that doesn't work in other browsers.</p>
  
  <p>I've tried all variations I can think of <code>./</code>, <code>../</code>, include quotes, double quotes, use <code>background-image</code> etc and can't get it to work in all browsers. The relative path just seems to read different in FF (something I've never seen before)</p>
  
  <p>What works in all browsers is having the full url of the image or an absolute path, but eachtake 3 lines on the text editor so I'd like to avoid it if possible.</p>
  
  <p>Any insight as to why firefox is giving me a hard time would be appreciated. </p>