TreePanel with ActionColumns and iconCls. icon is not visible.

Hi,

i am stuck with this now for two days. And i don't know what to do.

i have a TreePanel with columns, one of the colums is a actioncolumn that will have two buttons. the thing is that i want to assign a iconCls property to set the image. well that is not working as expected.

this is the actioncolum definition.

Code:

{                    width: 80,
                    menuDisabled: true,
                    xtype: 'actioncolumn',
                    align: 'center',
                    items: [{
                        iconCls: 'addButton',
                        handler: function (grid, rowIndex, colIndex, actionItem, event, record, row) {
                            Ext.Msg.alert('Editing', record.get('text'));
                        },
                        isDisabled: function (view, rowIdx, colIdx, item, record) {
                            return !record.data.leaf;
                        }
                    }, {
                        iconCls: 'deleteButton',
                        handler: function (grid, rowIndex, colIndex, actionItem, event, record, row) {
                            Ext.Msg.alert('Deleting', record.get('text'));
                        },
                        isDisabled: function (view, rowIdx, colIdx, item, record) {
                            return !record.data.leaf;
                        }
                    }]


                }

and the css definition (quite simple).

Code:

.addButton {    background: url(Images/Add.png);
}


.deleteButton {
    background-image: url(Images/Delete.png);
}

what i'm doing wrong?

Regards.

TreePanel with ActionColumns and iconCls. icon is not visible.