[flexcoders] Extra pixels on right side of TileList.

[Amy]

Hi, all;

I have the following MXML code

<mx:HBox horizontalGap="0" width="100%" backgroundColor="#00FFFF">
        <mx:VBox verticalGap="4" id="calendarBox" 
backgroundColor="#0000FF" 
                borderStyle="solid" borderColor="#000000" 
borderThickness="2" horizontalGap="0">
                <mx:TabBar id="calendarTabs" labelFunction="tabLabel" 
width="100%" itemClick="handleTabChange(event)" />
                <mx:TileList id="calendarDays" 
backgroundColor="#FF00FF" 
                        width="100%" paddingBottom="0" paddingTop="0" 
borderStyle="none" 
                        columnCount="7" rowCount="{int(Math.ceil
(calendarDays.dataProvider.length/7))}"
                        itemRenderer="{_calendarDay}" 
variableRowHeight="true"/>
        </mx:VBox>
        <mx:VBox width="100%" backgroundColor="#FFFF00">
                <mx:Repeater id="weekRepeater">
                        <mmv:WeekRenderer 
data="{weekRepeater.currentItem}" childObj="{testCanvas}" />
                </mx:Repeater>
        </mx:VBox>
</mx:HBox>

For some reason, the TileList has about 5 pixels on the right hand 
side of the last column of item renderers.  I've uploaded a picture 
of the result here 
http://www.magnoliamultimedia.com/flexissue/TileListCapture.jpg.

Note that I gave everything a garish color so it was clear what 
container was where.  If anyone has any ideas of how to get rid of 
those pixels, I'd be grateful.

TIA;

Amy