title: Add rounded corners to grid
body: <p>I am trying to add a gradient background and rounded corners to a grid. I have the gradient but I can't get the rounded corners to work. This is going to be a status display popup so that is the idea behind it. Also is there a better way to set the gradient?</p>
  
  <pre><code>&lt;UserControl x:Class="TestWPFStatusDisplay.StatusDisplayDialog"
           xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
           xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
           xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
           xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
           xmlns:gif="http://wpfanimatedgif.codeplex.com"
           mc:Ignorable="d"
           d:DesignHeight="154" d:DesignWidth="391"&gt;
  
  
  &lt;Grid&gt;
      &lt;Border Name="mask" Background="White" CornerRadius="7"/&gt;
      &lt;Grid.OpacityMask&gt;
          &lt;VisualBrush Visual="{Binding ElementName=mask}"/&gt;
      &lt;/Grid.OpacityMask&gt;
  
      &lt;Grid.Background&gt;
          &lt;LinearGradientBrush StartPoint="0,0" EndPoint="0,1"&gt;
              &lt;GradientStop Color="#ECF5FF" Offset="0"/&gt;
              &lt;GradientStop Color="#9CB0CA" Offset="1"/&gt;
          &lt;/LinearGradientBrush&gt;
      &lt;/Grid.Background&gt;
  
      &lt;Grid.RowDefinitions&gt;
          &lt;RowDefinition Height="Auto"/&gt;
          &lt;RowDefinition Height="Auto"/&gt;
          &lt;RowDefinition Height="Auto"/&gt;
          &lt;RowDefinition Height="Auto"/&gt;
      &lt;/Grid.RowDefinitions&gt;
  
      &lt;Label HorizontalAlignment="Center" Grid.Row="0" Content="Words"/&gt;
      &lt;Image Grid.Row="1" gif:ImageBehavior.AnimatedSource= "Images/GeoCartaLoading.gif" Width="125" Height="50" Margin="25,3,0,0"/&gt;
      &lt;Label Grid.Row="2" Content="Words"/&gt;
      &lt;ProgressBar Grid.Row="3" Name="pb" Maximum="60" /&gt;
  &lt;/Grid&gt;
  </code></pre>
  
  <p></p>