Flex: position item in ItemRenderer

[Danielle R]

Hi all,

I'm building a population pyramid in Flex (view this file: voorbeeld.png for one half of the pyramid). The rows of icons are placed in the right position at after loading. The red icons represent specific data. I want to align them all to the left part of the application, where the yellow line is in the attachment. But I can't work out how. I've places all the icon rows in different Graphic elements. They are placed in a Group wrapper which is placed at 0. Now I want all the red icon to move to 0 but somehow I can't get that to work. The red icons are always relative to the row of black icons and don't use the x value of the Group wrapper. Some code:

    <s:Group id="MenPiramid">
    <s:Graphic toolTip="{'bevolking: '}{Number(data.pop)*10000}">
        <s:Rect id="backgroundRect" 
                width="{Number(data.pop)*9}" height="26" 
                x="{offset}" y="0">
            <s:fill>
                <s:BitmapFill source="@Embed('../assets/man.png')" fillMode="repeat" />
            </s:fill>            
        </s:Rect>
    </s:Graphic>
</s:Group> 

So when I want to set the x value of the red icons to MenPiramid.x it still uses the backgroundRect x value. Can someone point me in the right direction?
Thanks a lot in advance for your help.