Silverlight Panorama Control: Control overlap?

Question

In this image, the content from one panorama item bleeds over onto the previous item:

How can I do this in Expression Blend / with XAML?

Here is my XAML currently:

    <controls:Panorama Margin="0,0,-1732,8" Grid.Row="1" Title="ODP">
        <controls:PanoramaItem Header="new">
            <local:StoryList/>
        </controls:PanoramaItem>
        <controls:PanoramaItem Header="few">
            <local:StoryList/>
        </controls:PanoramaItem>
                    <!-- ... -->

It works, but the content doesn't overlap so it's harder for the user to know they can scroll over.

Answer 1

Is it because you have a margin set on your panorama? or because you appear to have more things in your grid?

Why do you have the panorama in row 1? what's in row 0?

the sample by default has this:

<Grid x:Name="LayoutRoot" Background="Transparent">

    <!--Panorama control-->
    <controls:Panorama Title="my application">
        <controls:Panorama.Background>
            <ImageBrush ImageSource="PanoramaBackground.png"/>
        </controls:Panorama.Background>

with no margin and no other controls in the grid.