title: jQuery UI Trash Icon
body: <p>With some help from users of this site, I've managed to put together <a href="http://www.mapmyfinds.co.uk/development/gallerytest2.php#/0" rel="nofollow">this</a> gallery page. </p>
  
  <p>You'll see on the example page that I'm using a cross to allow a user to delete the image. The problem I'm encountering is in trying to change the icon to the jQuery UI 'trash' icon. I've found the icon in question which is <code>.ui-icon-trash</code> but I can't find any instructions on how to implement this into my page.</p>
  
  <p>The piece of code which deals with the icon is as below:</p>
  
  <pre><code> .galleria-thumbnails .btn-delete {    
            display: block;  
            position: absolute; bottom : 0px;   
            width: 80px;     
            height: 80px;    
            cursor: pointer;     
            background: url(cross.png) no-repeat bottom; } 
  </code></pre>
  
  <p>I've tried changing <code>url(cross.png)</code> to <code>url(.ui-icon-trash)</code> and to <code>url(class=.ui-icon-trash)</code> without any success. I also, if possible like to centre the icon as opposed to it's current position of <code>off-centre</code>.</p>
  
  <p>I just wondered whether someone could perhaps have a look at this and let me know where I'm going wrong.</p>