Button Image Inside Box Rounded

by bizamajig

HTML

<script src="http://ajax.aspnetcdn.com/ajax/jquery.ui/1.8.14/jquery-ui.min.js"></script>
<link rel="stylesheet" href="http://ajax.aspnetcdn.com/ajax/jquery.ui/1.8.16/themes/cupertino/jquery-ui.css">
<button id="button">Test</button>

CSS

#button {
width: 32px !important;
height: 32px !important;
}
#button > span.ui-icon-x { 
    background-image: url(http://placekitten.com/25/25);
width: 15px !important;
height: 15px !important;
}

JavaScript

$('#button').button({
    text: false,
    icons: {
        primary: 'ui-icon-x'
    }
});