actionscript-3 - TabNavigator 内容宽度不等于 TabNavigator 本身

Question

内容（这里是VBox）与Tab不对齐，换一种说法，内容被拉长了一个像素（红色边框比Tab宽），如下图所示：
那么如何解决这个问题?

代码片段：

<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>