title: Background images are not being referenced correctly
body: <p>Ok, first off, I know that the code referenced below has to do with a Joomla! site, however, I have had this problem on more than one site, not all of them using the Joomla! framework.</p>
  
  <p>Now the problem:</p>
  
  <p>I have some background images that are being referenced in my CSS stylesheet as:</p>
  
  <pre><code>background: url(../images/j_header_middle.png) repeat-x;
  </code></pre>
  
  <p>However, when the page is loaded into the web browser it is being referenced as:</p>
  
  <pre><code>background:url(http://64.19.142.11/www.outoftheblueinc.net/administrator/templates/bluestork/images/j_header_middle.png) repeat-x
  </code></pre>
  
  <p>I have done some searching on the web and have not been able to find a proper explanation as to why the images are being referenced this way.  If I go into the console and remove the IP address from the file location it works just fine.  I just have no idea why it is being added to the file location in the first place.</p>
  
  <p>Any constructive ideas as to why this is happening are welcome.</p>