title: Custom cursor not working?
body: <p>I have a slideshow with navigation that is applied when he user hovers and clicks on the right hand side and the left hand side of the page. </p>
  
  <p>For some reason when I set the cursor to be pointer or w-resize they work fine but as soon as I apply my own image like below they don't work. </p>
  
  <p>I was wondering if anyone had any ideas why this might be happening. I have made sure the image is below 30px x 30px as I have seen this mentioned as an issue but I can't seem to get it to work. </p>
  
  <p>Below is the css I'm using…</p>
  
  <p>CSS</p>
  
  <pre><code>#previous {
      position: absolute;
      top: 0;
      bottom: 0;
      padding: 5px 55px;
      left: 0;
      z-index: 999;
      opacity: 0;
      cursor: url(images/crosscursor.png), auto;
  }
  
  #next {
      position: absolute;
      top: 0;
      bottom: 0;
      padding: 5px 55px;
      right: 0;
      z-index: 999;
      opacity: 0;
      cursor: url(images/crosscursor.png), auto;
  }
  </code></pre>
  
  <p>Many thanks!</p>