views:

232

answers:

0

I've got an ItemsControl (in a DockPanel with other stuff) which has a ControlTemplate to provide a ScrollViewer because the items won't fit on the screen. With the given config, I get a strange double-border top and bottom. It looks like a grey line above the top line and another below the bottom line. The sides are unaffected. I get the same effect if I remove the BorderBrush and BorderThickness from the ItemsControl and specify them explicitly on the ScrollViewer. How do I make it go away?

<ItemsControl DockPanel.Dock="Bottom" Margin="0" Name="uxPropertiesRegion"
              MinWidth="50" Height="100" MinHeight="50" 
              BorderBrush="Black" BorderThickness="1"
              ClipToBounds="True"
              cal:RegionManager.RegionName="{x:Static local:ADRegionNames.CentreBottomRegion}"
              Visibility="{Binding Path=Items.Count,
                                   ElementName=uxPropertiesRegion,
                                   Converter={StaticResource countToVis} }">
    <ItemsControl.Template>
        <ControlTemplate>
            <Border Background="{TemplateBinding Background}"
                    BorderBrush="{TemplateBinding BorderBrush}"
                    BorderThickness="{TemplateBinding BorderThickness}">
                <ScrollViewer x:Name="ScrollViewer" 
                              Padding="{TemplateBinding Padding}">
                    <ItemsPresenter />
                </ScrollViewer>
            </Border>
        </ControlTemplate>
    </ItemsControl.Template>
</ItemsControl>