how to set different height and color background in list control cell ?

hi !

i'm trying to do something which should be very simple in HTML, but in AS3/Flex3 i'm hurting in front of a problem.


i just want my items' list have the color of the bg value and the height of the heught field (of my collection) !
but i didn't manage that !
i spend at least 3 hours to find out how to do...no way !
i guess i have to use itemrender but i don't find a simple example to match my aim...

please, any help ?

here my simple example :

Code:

---

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" creationComplete="init()">
        <mx:Script>
                <![CDATA[
               
                        import mx.collections.ArrayCollection;
                        public var elements:Array = new Array(
                                        {titre:"red",                pixel:1,        bg:"#FF0000"},
                                        {titre:"green",        pixel:2,        bg:"#00FF00"},
                                        {titre:"blue",                pixel:3,        bg:"#0000FF"}                                       
                                        );
                       
                        public function init():void
                        {
                        var collection:ArrayCollection = new ArrayCollection(elements);                       
                        mylist.dataProvider = collection;
                               
                        }
                       
                ]]>
        </mx:Script>
        <mx:List  id="mylist" height="100%" width="260" labelField="titre" ></mx:List>
       
</mx:Application>

---

is there any a nice hand to help me with this example ?