title: CSS Minify and Background-image syntax
body: <p>I have been looking for a reliable css minifier that doesn't require command line to run. Something similar to Google <a href="http://closure-compiler.appspot.com/home" rel="nofollow noreferrer">closure compiler</a> where you can input multiple JavaScript files and minify them into a single file. So far I have found <a href="http://www.shrinker.ch/" rel="nofollow noreferrer">this</a> from <a href="https://stackoverflow.com/questions/4232021/online-css-minifier-that-uses-the-yui-compressor">this thread</a>.</p>
  
  <p>I fed it a few css files and found that one of the images referenced in one of the css files was mangled in the minified file.</p>
  
  <pre><code>background-image: url('/abc/img.png')
  </code></pre>
  
  <p>and it was converted to </p>
  
  <pre><code>background-image: url(http://mydomain.com/'abc/img.png')
  </code></pre>
  
  <p>which doesn't look right. Oddly enough if only a single file with above code is fed the outcome is correct. Also, if I change background-image to background, again the outcome is correct. So I am a little confused as what the problem is:</p>
  
  <p><i>1</i> - Is it legal CSS to omit background-position when background-image is used?
  <br /><i>2</i> - Are there any alternatives to this tool (accept multiple css files to minify and doesn't require to be run as command).</p>
  
  <p>Any other suggestions and insight is much appreciated.     </p>