button - Ext.Button 'overCls' が IE で機能しない

Question

ExtJS4:

Ext.Button にマウスオーバーしたときに自分の色を表示したい。このために次のように書きました。

Ext.onReady(function(){
    Ext.create('Ext.Button', {
        renderTo: Ext.getBody(),
        text: "Submit",
        overCls: 'x-button-pressed'
    });
});

ここで、「x-button-pressed」は次のように定義されます。

.x-button-pressed{
    background: red;
}

これは Mozilla 10 では問題なく動作しますが、IE 7 では問題ありません。助けてください。