actionscript-3 - TabNavigator コンテンツの幅が TabNavigator 自体と等しくありません

Question

次の図に示すように、コンテンツ (ここでは VBox) がタブと整列していません。別の言い方をすれば、コンテンツは 1 ピクセル引き伸ばされています (赤い境界線はタブよりも広い)
。 ?

コードスニペット：

<mx:Application
        xmlns:mx="http://www.adobe.com/2006/mxml"
        layout="vertical"
        verticalAlign="middle"
        backgroundColor="white"
        >
    <mx:TabNavigator id="tn"
                 width="300"
                 height="300"
                tabWidth="{tn.width/tn.numChildren}"
                borderStyle="solid"
                borderColor="#ff0000"
                backgroundColor="#ffffff"
                paddingTop="0">
            <mx:VBox id="vb1" width="100%" label="Tab 1" backgroundColor="#ffffff">
                <mx:Label text="width:{vb1.width}, height:{vb1.height}" />
            </mx:VBox>
            <mx:VBox id="vb2" width="100%" label="Tab 2" backgroundColor="#00ffff">
                <mx:Label text="width:{vb2.width}, height:{vb2.height}" />
            </mx:VBox>
        </mx:TabNavigator>
    </mx:Application>