title: graying out images using css
body: <p>I have managed to gray out images in Firefox and IE9 using:</p>
  
  <pre><code>filter: url(../filters.svg#grayscale); /* Firefox 3.5+  */
  filter: gray; /* IE5+ */
  </code></pre>
  
  <p>but i cant seem to figure it out in chrome and safari. I have tried using </p>
  
  <pre><code> -webkit-filter: grayscale(1); /* Webkit Nightlies &amp; Chrome 18+ (currently Beta) */
  </code></pre>
  
  <p>but it doesn't work. any clue</p>