title: How to make a custom-icon-only jQuery UI button widget?
body: <p>I'm trying my hand at jQuery UI as a replacement for other RIA techniques but I wanted to make an <strong>icon-only</strong> button. I'm aware that we can do it using the default theme-roller icons but I want to use <strong>my own</strong> icons.</p>
  
  <p>I've successfully created (see <a href="https://stackoverflow.com/questions/3224537/change-the-icon-of-a-jquery-ui-button-with-own-image">here</a>) a custom button with a custom icon <em>and</em> text, but if I remove the text then it becomes disproportionate and ugly.</p>
  
  <p>I've tried just wrapping an <code>&lt;img&gt;</code> in a <code>&lt;div&gt;</code> and then calling <code>.button()</code> on it but it gets too large; what I really wanted is to have an icon-button like the ones that ship with the theme but using my own icons instead.</p>
  
  <p>Hoping I've made myself clear and understandable,</p>
  
  <p>FA</p>
  
  <p><strong>(think extJS icon-only buttons or Adobe Flex (why have you forsaken me) icon-only buttons)</strong></p>