How to make a Rounded list view in sencha touch 2

[arindam.hit]

I want a rounded list view in Sencha Touch 2. For that, i used ui:round attribute. But it is not working. Now left side, it is coming rounded. But for right side, it is not coming properly. And i want the list inside that rounded border. Below is my code:http://www.senchafiddle.com/#eB8cw#cgQat.
Even list scrolling is also not coming properly.

Please help me. I am new in this Sencha Touch

[iSmartDevice]

Here is what I have been using the "Ext.List". It works fine for me.

Ext.define('YourApp.view.user.AllDetail', {
    extend: 'Ext.List',
    xtype: 'allDetail',
	requires: [
		'Ext.plugin.ListPaging'
	],
	
	config: {
		styleHtmlContent: true,
		padding: Ext.os.is.Phone ? '0px':'1em',
		ui: Ext.os.is.Phone ? 'normal' : 'round',
		
		emptyText: '<div class="loading">Loading list of details...</div>',
        itemTpl: '<div class="bold-title">{TITLE}</div><div class="detail-text">{TEXT}</div>',
	},
	
});

[arindam.hit]

Actually it is properly not working for me. I have one tab panel in the top with three tabs : Artist, Playlist and Albums. When i will press a tab, it should show me the list of Artist or Albums. I want the rounded list in the middle of the screen with all the list elements. And when i will scroll through the list, it should show me the last element also. Below is the code:

Ext.define('MyApp.view.MyTabPanel', {    extend: 'Ext.tab.Panel',


    config: {
        layout: {
            animation: 'fade',
            type: 'card'
        },
        items: [
            {
                xtype: 'container',
                draggable: true,
                styleHtmlContent: true,
                title: 'Artist',
                items: [
                    {
                        xtype: 'list',
                        height: 696,
                        ui: 'round',
                        width: 480,
                        modal: true,
                        itemTpl: [
                            '{firstName}'
                        ],
                        store: 'name',
                        onItemDisclosure: true
                    }
                ]
            },
            {
                xtype: 'container',
                styleHtmlContent: true,
                scrollable: true,
                title: 'Albums',
                items: [
                    {
                        xtype: 'list',
                        height: 730,
                        ui: 'round',
                        width: 450,
                        modal: true,
                        itemTpl: [
                            '{albumlist}'
                        ],
                        store: 'albumstore',
                        onItemDisclosure: true
                    }
                ]
            },
            {
                xtype: 'container',
                styleHtmlContent: true,
                title: 'Playlist',
                items: [
                    {
                        xtype: 'list',
                        height: 700,
                        ui: 'round',
                        width: 480,
                        modal: true,
                        itemTpl: [
                            '{playlist}'
                        ],
                        store: 'playliststore',
                        onItemDisclosure: true
                    }
                ]
            }
        ],
        tabBar: {
            docked: 'top',
            layout: {
                align: 'center',
                pack: 'center',
                type: 'hbox'
            }
        }
    }


});