title: WPF OnMouseOver Style MenuItem
body: <p>I am relatively new to WPF I am trying to change the Hover effect of the menu item and set it similar to the one of my buttons in the Toolbar. </p>
  
  <p>I am left with a double border when I hover on the menu most probably from the MenuItem. How can I remove it?</p>
  
  <p>XAML File:</p>
  
  <pre><code>     &lt;ToolBarTray Style="{StaticResource MainToolBar}"&gt;
              &lt;ToolBar DockPanel.Dock="Top" ToolBarTray.IsLocked="True" Width="Auto" Padding="0" Background="Transparent" Name="Tool"&gt;
                  &lt;Button Content="Button 1"/&gt;
                  &lt;Button Content="Button 2"/&gt;
                  &lt;Separator/&gt;
                  &lt;Menu Margin="0, -1, 0, 0" Style="{StaticResource Menu}"&gt;
                      &lt;MenuItem Header="Menu"&gt;
                          &lt;MenuItem Header="File"&gt;
                              &lt;MenuItem Header="Copy"/&gt;
                              &lt;MenuItem Header="Paste"/&gt;
                          &lt;/MenuItem&gt;
                      &lt;/MenuItem&gt;
                  &lt;/Menu&gt;
              &lt;/ToolBar&gt;
             &lt;/ToolBarTray&gt;
  </code></pre>
  
  <p>Resource File:</p>
  
  <pre><code>    &lt;Style x:Key="{x:Static ToolBar.ButtonStyleKey}" TargetType="{x:Type Button}"&gt;
      &lt;Setter Property="Template"&gt;
          &lt;Setter.Value&gt;
              &lt;ControlTemplate TargetType="{x:Type Button}"&gt;
                  &lt;Border
                  SnapsToDevicePixels="true"
                  Background="{TemplateBinding Background}"
                  BorderBrush="{TemplateBinding BorderBrush}"
                  BorderThickness="{TemplateBinding BorderThickness}"
                  Padding="{TemplateBinding Padding}"&gt;
                      &lt;ContentPresenter
                       HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"
                       VerticalAlignment="{TemplateBinding VerticalContentAlignment}"
                       SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}"/&gt;
                  &lt;/Border&gt;
                  &lt;ControlTemplate.Triggers&gt;
                      &lt;Trigger Property="IsMouseOver" Value="true"&gt;
                          &lt;Setter Property="BorderBrush" Value="Orange"/&gt;
                          &lt;Setter Property="Background" Value="{DynamicResource ToolBarBKHover}"/&gt;
                      &lt;/Trigger&gt;
                  &lt;/ControlTemplate.Triggers&gt;
              &lt;/ControlTemplate&gt;
          &lt;/Setter.Value&gt;
      &lt;/Setter&gt;
  &lt;/Style&gt;
  &lt;Style x:Key="Menu" TargetType="{x:Type Menu}"&gt;
      &lt;Setter Property="OverridesDefaultStyle" Value="True"/&gt;
      &lt;Setter Property="SnapsToDevicePixels" Value="True"/&gt;
      &lt;Setter Property="Template"&gt;
          &lt;Setter.Value&gt;
              &lt;ControlTemplate TargetType="{x:Type Menu}"&gt;
                  &lt;Border
                          Background="{TemplateBinding Background}"
                          BorderBrush="{TemplateBinding BorderBrush}"
                          BorderThickness="{TemplateBinding BorderThickness}"&gt;
                      &lt;StackPanel ClipToBounds="True" Orientation="Horizontal" IsItemsHost="True"/&gt;
                  &lt;/Border&gt;
  
              &lt;ControlTemplate.Triggers&gt;
                  &lt;Trigger Property="IsMouseOver" Value="True"&gt;
                      &lt;Setter Property="BorderBrush" Value="Orange"/&gt;
                      &lt;Setter Property="Background" Value="{DynamicResource ToolBarBKHover}"/&gt;
                  &lt;/Trigger&gt;
                  &lt;/ControlTemplate.Triggers&gt;
              &lt;/ControlTemplate&gt;
  
          &lt;/Setter.Value&gt;
      &lt;/Setter&gt;
  &lt;/Style&gt;
  </code></pre>