javascript - How to fit an image in a button in jquerymobile -

i'm trying modify button in order show image fits size, the source code here

.ui-icon-myimg { background: url(http://www.metalunderground.pt/download/file.php?avatar=2015_1331126201.jpg) no-repeat;} 

(i had put bit of css here because otherwise unable link jsfiddle)

why can see orange circle? i've tried on , on modifying widths , heights cannot find working way.

help me please!

thanks

write css :

.ui-controlgroup .ui-btn-icon-notext .ui-btn-inner .ui-icon { position: absolute; right: 0; left: 45%; top: 40%; margin: -9px -9px 0 0; }  .ui-btn-inner { height: 100% !important; padding: .55em 11px .5em 11px; }  .ui-controlgroup-controls li { position: relative !important; } 

see fiddle : http://jsfiddle.net/ywkgr/52/

i have modified code.