title: image url in CSS
body: <p>I was just trying to change my site around a little, but I bumped into a problem which has never happened me before. I want to be able to test the site offline, so this problem is really annoying.</p>
  
  <p>How come when i try to do this:</p>
  
  <pre><code>#logo{
      width:145px;
      height:41px;
      background:url('http://biscuithead.ie/images/logo.png') center no-repeat;                           
      display:block;
      float:left;
      cursor:pointer;
  }
  </code></pre>
  
  <p>it works, but If I change the background line to:</p>
  
  <pre><code>background:url('/images/logo.png') center no-repeat;
  </code></pre>
  
  <p>or</p>
  
  <pre><code>background:url('images/logo.png') center no-repeat;
  </code></pre>
  
  <p>or</p>
  
  <pre><code>background:url(images/logo.png) center no-repeat;
  </code></pre>
  
  <p>or</p>
  
  <pre><code>background:url(/images/logo.png) center no-repeat;
  </code></pre>
  
  <p>it dosent work?</p>
  
  <p>The image only seems to display through css when it is actually on the server</p>
  
  <p>I am using DreamWeaver CS5.</p>
  
  <p>Can anyone help we with this weird problem?</p>