画面に配置したボタンの背景をオリジナルの画像に変えたいと思い、以下のようにスタイルシートの背景画像ファイルを設定しました。
※ボタンに貼り付ける画像はネットから適当に探してきたものです。

[ my.css ]
x-btn-mc{
background-image:url(./sample.gif);
}

しかし、ボタンの周りの枠はでるものの、ボタンの表面部分が真っ白なままで何も表示されません。

ボタンに画像を貼り付けるにあたり、何か画像のサイズや色数など制約があるのでしょうか?

ボタンは、以下のように作成しています。

<link rel="stylesheet" type="text/css" href="./my.css" />
var form_items = [
{xtype:'button', name:'menu-group', height:'50', width:'300'}
];


Ext.onReady(function(){
var viewport = new Ext.Viewport({
items: form_items
});
});