css - How to create rounded edge panel in ExtJS 2.1 -

I want to create a panel with circular edges. I have pictures for rounded edges, mainly upper left, top right, bottom left, bottom right I also have a center image that I can spread to the panel using CSS background-repeat property. I could not find a straight forward path to do this, so I decided to expand the Ext.Panel class and look only to yourself- n- Create your own with experience change. The approach I chose was to create a table with 3 rows and 3 columns. The first line will include place holders for top left, top and top right images, the second row will have center area where all the children in this panel will be added and the bottom row below, bottom and bottom right images The place holders will be included for. Below is the code for my panel

  Ext.namespace ("Ext.nDisks"); Ext.nDisks.RoundedPanel = Ext.extend (Ext.Panel, {// round panel code. AutoEl: {tag: 'table', cls: 'round-panel-table', children: [{tag: 'tr' ID: 'line 0', child: [{tag: 'td', id: 'col00', cls: 'ptl'}, {tag: 'td', id: 'col01', cls: 'pt'}, Tag: 'TD', id: 'col02', cls: 'ptr'}]}, {tag: 'tr', id: 'row1', child: [{tag: 'td', id: 'col10' css : {{Tag: 'td', id: 'col20', cls: 'pbl'}, '{{tag:' tr ', id:' row2 ',:' center ', colspan:' 3 '}}}, {Tag: 'td', id: 'col21', cls: 'pb'}, {tag: 'td', id: 'col22', cls: 'pbr'}]}]}, constructor: function {Ext.nDisks.RoundedPanel.superclass.constructor.call (this, config);}});   
 I have some problems with this implementation.  
 
 When I enter this class with  var roundedPanel = new Ext.myns.RoundedPanel ();  This creates a  table  element that specifies the generated ID (which should do this) but within the table, this  div  element is  Tbody . How can I get rid of this unnecessary  div  element  
 When I add any component to  round panel , it does not add to the table, but it is added to generate  div  element How to add a new element in the second line of the table which is the main container area.  
 
 
 find out how to do this. In the configuration of Ext.Panel, enable the flag  frame  it contains the table in the domain on which it is on its CSS. With custom images to get the custom straightened round panel, override CSS for top left, top right, etc.