Espacio entre items en un TileList en Flex 3

Buenas... soy relativamente nuevo en Flex, y estoy haciendo una galeria bobita de imagenes usando un TileList y un componente con la imagen y dos botones que sirven para editar y borrar la imagen... ese componente naturalmente es el itemRenderer... tiene un borde para separarlos, pero igual no me gusta como se ven los items en el TileList pegados unos con otros a la derecha e izquierda, he intentado ya usar el paddingLeft y eso pero nada funciona... alguna sugerencia??

Se agradece de antemano cualquier colaboración

pon codigo

Mi TileList está así:

Código :

<mx:TileList right="10" left="10" top="10" bottom="10" 
                id="thumbnails" itemRenderer="Miniatura" 
      dataProvider="{xmlImagenes.lastResult.imagenes.imagen}" rollOverColor="#FFFFFF"
      textRollOverColor="#FFFFFF" selectionColor="#FFFFFF"
      maxColumns="4" paddingLeft="5"></mx:TileList>

No pongo todo porque es muy largo y solo nos interesa el TileList
y el itemRenderer está así:

Código :

<?xml version="1.0" encoding="utf-8"?>
<mx:Canvas xmlns:mx="http://www.adobe.com/2006/mxml" width="110" height="80" borderStyle="inset" backgroundColor="#FFFFFF">
   <mx:Script>
      <![CDATA[
         import mx.controls.Alert;
         import mx.events.CloseEvent;
         private var alert:Alert;
         private var idImg:int = 0;
         [Embed(source="../images/iconos/image_warning.png")]
         private var icono:Class;
         private function editarImg():void
         {
            this.parentDocument.editarImgs();
         }
         private function borrarImg(id:int):void
         {
            idImg = id;
            Alert.okLabel = "Eliminar";
            Alert.cancelLabel = "Cancelar";
            Alert.buttonWidth = 100;
            alert = Alert.show("Está seguro que desea borrar esta imagen?", 'Advertencia!!', mx.controls.Alert.OK | mx.controls.Alert.CANCEL, this, alertListener);
                alert.titleIcon = icono;
            }
         private function alertListener(eventObj:CloseEvent):void
         {
                if (eventObj.detail == Alert.OK)
               this.parentDocument.eliminarImagenes(idImg);
            else
               idImg = 0;
         }
      ]]>
   </mx:Script>
   <mx:Image x="9" y="7" height="60" width="60" source="{data.URL}" completeEffect="Blur"/>
   <mx:Button x="77" y="7" width="18" icon="@Embed(source='../assets/edit.png')" height="18" click="editarImg();" toolTip="Editar"/>
   <mx:Button x="77" y="33" width="18" icon="@Embed(source='../assets/delete.png')" height="18" click="borrarImg(data.ID);" toolTip="Eliminar"/>
</mx:Canvas>

Si le pongo paddingTop de x... si lo coge entre items... pero el left no se ve feeeeeoooooo

gracias por la ayuda que me puedas brindar compadre

Te doy una idea

Código :

   <mx:Panel x="10" y="10" width="130" height="100" layout="absolute" borderStyle="solid" backgroundColor="#B9B9B9">
      <mx:Image x="0" y="-21" height="60" width="60" source="{data.URL}" completeEffect="Blur"/>
      <mx:Button x="82" y="42" width="18"  height="18" click="borrarImg(data.ID);" toolTip="Eliminar"/>
      <mx:Button x="82" y="10" width="18"  height="18" click="editarImg();" toolTip="Editar"/>
   </mx:Panel>

y el Canvas lo dejas con borderStyle="none. Toca que lo retoques.

hmmm... voy a intentar esa... gracias