[flexcoders] TileList - Items have a border

[anuppc]

Hi,
 
 
I have a TileList
 
Here is a Snippet of code
 
 
       tileList = new TileList();
       tileList.percentWidth = 100;
       tileList.percentHeight = 100;
       tileList.id = "picsList";
        tileList.dataProvider = parentDocument.partListColl;
       tileList.itemRenderer = createItemRenderer();
       tileList.dragEnabled = true;
       tileList.dragMoveEnabled = false;
 
 
The ItemRenderer is:
 
<?xml version="1.0" encoding="utf-8"?>
<mx:Panel xmlns:mx="http://www.adobe.com/2006/mxml";
        horizontalAlign="center"
        verticalAlign="middle" width="200" height="200" 
backgroundColor="0xFF0000"  borderColor="0x00FF00" borderStyle="solid" 
borderThickness="0">
 
    <mx:Image id="image"  width="100" height="100" source="assets/{data.Image}" 
  visible="false"/>
 
    <mx:Label text="{data.Name}"  width="100" textAlign="center"  
visible="false" />
 
</mx:Panel>
 
I still see a black border on all the items in the Tilelist.
 
I'm not sure where this is coming from. I would like to remove this border. Any 
help welcome.
 
I notice that if i create a Object Array with the same Image and Label. Then i 
dont have this issue of the border.
 
Regards