DataGrid Image inserting Problem

programming flash
1

my flash code:

 import fl.controls.*;
 
 var myData = new DataGrid
 myData.columns = ["Image", "Data"];
 myData.setStyle("cellRenderer", MultiLineHtmlCell);
 addChild(myData);
 myData.setSize(200, 400);
 
 for (var i=0; i<15; i++)
 {
  myData.addItem({Image: "<img src='letter.gif' width='14' height='13'/>", Data: "data"+i})
 }

MultiLineHtmlCell.as :

package 
{
 
 import fl.controls.listClasses.CellRenderer;
 import fl.controls.listClasses.ICellRenderer;
 
    public class MultiLineHtmlCell extends CellRenderer {
       
    public function MultiLineHtmlCell() {
    super();
   textField.wordWrap = true;
   textField.autoSize = "left";
   textField.selectable = false;
   textField.background = false;
   textField.border = false;
        }
  
  public static function getStyleDefinition():Object {
            return CellRenderer.getStyleDefinition();
        }
        
        override protected function drawLayout():void {
            textField.width = this.width;
            textField.htmlText = textField.text;
            super.drawLayout();
        }
    }

}

Here iam inserting an image at first column of the dataGrid…

when i mouse over or click the datagrid item, the image will disappear for a short period of time…

Could u plz give me a solution for this…

thnks n advnc
Shabeer…