Hi! I have this code which drags and resizes a box:

Code:
var sencha = Ext.create('Ext.draw.Component', {
        width: 300,
        height: 300,
        resizable: {
            dynamic: true,
            pinned: true,
            handles: 'all'
        },
        draggable: true,
        renderTo: Ext.getBody(),
        
        items: [{
                type: 'rect',
                fill: '#79BB3F',
                x: 100,
                y: 100,
                width: 100,
                height: 100

        }]
    });
Problem is: The resizing works in Chrome version 24 but it does not work in IE8.

Please help. Thanks.