title: background image for jquery ui dialog buttons
body: <p>is it possible to give a button a background image really i have an image that I want to use for a button and would be nice if they stayed in place like the default  buttons. right now I just have them inside the dialog but the rest of the content is dynamic and I don't want them to disappear when the scroll bar appears</p>
  
  <p><strong>Edit:</strong>
   ok so I figured out how to  make it a background image but then i can't see the whole image</p>
  
  <pre><code>    $("#statusbox").dialog({
          autoOpen: false,
          bgiframe: true,
          modal: true,
          width: 'auto',
          height:'auto',
          position: 'top',
          title:"Check Order Status",
          open: function(event, ui) {
              $(this).css({'max-height': $(window).height()-$(this).height() - 50 , 'overflow-y': 'auto'}); 
              $('.ui-dialog-buttonpane').find('button:contains("Find")').css("background-image", "url(images/order_now.gif)"); ;
  
          },
          buttons: {
              Find: function() {
                 //do find
              }
          }
      });
  </code></pre>
  
  <p>there could be more buttons to come</p>