title: Flex 4's HSlider and TileLayout resizing problem
body: <p>I have a simple application that consists of a HSlider and a list that contains a item renderer with a border container managed by a tile layout. For some reason when moving the slider to reduce the size of the item renderer it only reduce to a certain size and wont reduce any further. I use the same principle in flex 3 (with mx components it works fine). Any idea what I am doing wrong here?</p>
  
  <p>This is the application mxml:</p>
  
  <pre><code>&lt;s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" 
             xmlns:s="library://ns.adobe.com/flex/spark" 
             xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="955" minHeight="600"&gt;
  &lt;fx:Declarations&gt;
      &lt;!-- Place non-visual elements (e.g., services, value objects) here --&gt;
  &lt;/fx:Declarations&gt;
  
  &lt;s:HSlider id="thumbSize" layoutDirection="ltr" snapInterval=".25" showDataTip="true" minimum=".8" maximum="2" value="2" liveDragging="true"/&gt;
  
  &lt;s:List id="photosList"
          itemRenderer="ImageRender"
          horizontalCenter="0" verticalCenter="14" width="100%" height="90%" borderAlpha="0" selectionColor="white" allowMultipleSelection="true" rollOverColor="white"&gt;
      &lt;s:layout&gt;
          &lt;s:TileLayout columnWidth="{80*thumbSize.value}" rowHeight="{79.5*thumbSize.value}" horizontalGap="0" useVirtualLayout="true"/&gt;
      &lt;/s:layout&gt;
      &lt;s:dataProvider&gt;
          &lt;s:ArrayList&gt;
              &lt;fx:Object/&gt;
              &lt;fx:Object/&gt;
              &lt;fx:Object/&gt;
              &lt;fx:Object/&gt;
  
          &lt;/s:ArrayList&gt;
      &lt;/s:dataProvider&gt;
  &lt;/s:List&gt;
  &lt;/s:Application&gt;
  </code></pre>
  
  <p>For the item renderer:</p>
  
  <pre><code>&lt;s:ItemRenderer xmlns:fx="http://ns.adobe.com/mxml/2009" 
              xmlns:s="library://ns.adobe.com/flex/spark" 
              xmlns:mx="library://ns.adobe.com/flex/mx"&gt;
  &lt;fx:Declarations&gt;
      &lt;!-- Place non-visual elements (e.g., services, value objects) here --&gt;
  &lt;/fx:Declarations&gt;
  &lt;s:BorderContainer  cornerRadius="19" top="0" bottom="0" left="0" right="0" borderAlpha="1" borderWeight="3" borderColor="0xc0c0c0"  backgroundColor="0xD3D3D3"  &gt;
      &lt;mx:Image id="img" top="5" bottom="20" right="5" left="5" horizontalAlign="center" verticalAlign="middle" source="http://xmxsolutions.com/images/flex_logo.jpg"  maintainAspectRatio="true"/&gt;
  &lt;/s:BorderContainer&gt;
  &lt;/s:ItemRenderer&gt;
  </code></pre>
  
  <p>This should work with any flex 4 application.</p>
  
  <p>Thanks for any pointers anyone can give me</p>