title: How do I use Compass sprites?
body: <p>I've been messing around with Compass, using the Scout GUI, for a day now and sprites are driving me crazy.</p>
  
  <p>Compass is creating the sprite but it seems the CSS is pointing to the wrong place. </p>
  
  <p>The import statement looks like:</p>
  
  <pre><code>@import "images/icon/*.png";
  </code></pre>
  
  <p>And, here's how I'm calling it:</p>
  
  <pre><code>            h1{
  
      @include icon-sprite("social");
  </code></pre>
  
  <p>The link that is getting created in the CSS is: </p>
  
  <pre><code>http://localhost/images/icon-s25f42076dc.png
  </code></pre>
  
  <p>I would like it to be:</p>
  
  <pre><code>http://localhost/compass/images/icon-s25f42076dc.png
  </code></pre>
  
  <p>This is my config.rb:</p>
  
  <pre><code>http_path = ""
  css_dir = "css"
  sass_dir = "scss"
  images_dir = "images"
  relative_assets = true
  </code></pre>