title: Using external images for CSS custom cursors
body: <p>Is it possible to use external image URLs for CSS custom cursors? The following example doesn't work:</p>
  
  <p><strong>HTML:</strong></p>
  
  <pre><code>&lt;div class="test"&gt;TEST&lt;/div&gt;
  </code></pre>
  
  <p><strong>CSS:</strong></p>
  
  <pre class="lang-css prettyprint-override"><code>.test {
    background:gray;
    width:200px;
    height:200px;
    cursor:url('http://upload.wikimedia.org/wikipedia/commons/d/de/POL_apple.jpg');
  }
  </code></pre>
  
  <p>Fiddle: <a href="http://jsfiddle.net/wNKcU/4/">http://jsfiddle.net/wNKcU/4/</a></p>