title: Custom Cursor Image CSS
body: <p>I have a number of heroshot images, that have a modal popup when clicked. 
  I'm trying to get my cursor to turn into  magnifying glass whenever it is moved over the image. The following CSS does not appear to work even though my <code>magnify.cur</code> is present in the right location.</p>
  
  <pre><code>a.heroshot img {
    cursor:url(/img/magnify.cur), pointer;
  }
  </code></pre>
  
  <p>Has anyone ever done anything similar? I don't mind a JavaScript solution if one exists.</p>
  
  <p><strong>EDIT</strong>: It works in Safari, but not in Firefox.</p>