title: How to add multiple controls to PivotItem without messing up vertical scrolling?
body: <p>I have a Pivot control in my Windows Phone Mango application and one the pivot items has a listbox. It works perfectly when I have only a ListBox as content of the PivotItem.</p>
  
  <pre><code>           &lt;controls:PivotItem Header="Item1"&gt;
                  &lt;ListBox
                      x:Name="longListBox" 
                      ItemsSource="{Binding AllItems}" 
                      Margin="12, 0, 12, 0" Width="440" 
                      ItemTemplate="{StaticResource ItemTemplate}" /&gt;
              &lt;/controls:PivotItem&gt;
  </code></pre>
  
  <p>Now I would like to add more controls above the list in the PivotItem, say an Image.</p>
  
  <pre><code>           &lt;controls:PivotItem Header="Item1"&gt;
                  &lt;StackPanel&gt;
                      &lt;Image 
                           Source="/Images/header.png"
                           Height="48"
                           Width="48"/&gt;
  
                      &lt;ListBox
                          x:Name="longListBox" 
                          ItemsSource="{Binding AllItems}" 
                          Margin="12, 0, 12, 0" Width="440" 
                          ItemTemplate="{StaticResource ItemTemplate}" /&gt;
  
                  &lt;/StackPanel&gt;
              &lt;/controls:PivotItem&gt;
  </code></pre>
  
  <p>However, with these changes PivotItem vertical scrolling works very strangely, moving listbox items downwards instead of upwards. Essentially, items on the bottom of the ListBox are not accessible.</p>
  
  <p>I've tried setting StackPanel height to some huge number, tried adding ScrollViewer, but can't get it to work.</p>
  
  <p>How can I fix the scrolling problem?</p>