title: Tile inside Accordion does not resize correctly
body: <p>In a Flex application I'm building I have an Accordion with a Tile component as shown:</p>
  
  <pre><code>&lt;mx:Accordion id="accordionShoppingBasket" width="100%" resizeToContent="true"&gt;
      &lt;mx:VBox width="100%" height="100%" &gt;
          &lt;mx:Tile id="tileOutNow" width="100%" height="100%" horizontalGap="12" verticalGap="30" paddingLeft="20" paddingRight="20" paddingBottom="20" paddingTop="20" verticalScrollPolicy="off" /&gt;                                     
      &lt;/mx:VBox&gt;
      &lt;mx:VBox width="100%" height="100%"&gt;
          &lt;mx:Tile id="tileThisWeek" width="100%" height="100%" horizontalGap="12" verticalGap="30" paddingLeft="20" paddingRight="20" paddingBottom="20" paddingTop="20"/&gt;
      &lt;/mx:VBox&gt;
      &lt;mx:VBox width="100%" height="100%"&gt;
          &lt;mx:Tile id="tileFutureRelease" width="100%" height="100%" horizontalGap="12" verticalGap="30" paddingLeft="20" paddingRight="20" paddingBottom="20" paddingTop="20"/&gt;
      &lt;/mx:VBox&gt;
  &lt;/mx:Accordion&gt;
  </code></pre>
  
  <p>The items I'm adding to the tiles are a canvas with an image inside that.</p>
  
  <p>The data for the tile is added via the addChild method; and this works for the first 4 rows of children, the accordion control resizes to accommodate the tile control. After the first 4 rows the children are still being added but the accordion no longer resizes to fit the content. </p>
  
  <p>I'm not 100% sure what's causing this, any ideas?</p>
  
  <p>Cheers
  Tony </p>