title: WPF - MenuItem highlighting has unwanted secondary highlight
body: <p>I have a <code>ContextMenu</code> on a <code>Button</code> and when shown it display a list of menu items, which is fine. If I move the mouse over an item in the menu, it highlights, but I also get a secondary highlight when I hover over and around the text, see the pictures below.</p>
  
  <p><img src="https://i.stack.imgur.com/GEalE.png" alt="incorrect-image"></p>
  
  <p>How do I remove this? I've tried all types of styles, triggers and various other templates to remove the highlighting, but can't seem to make any of the work or display correctly.</p>
  
  <p>There is nothing special about my context menu button either, see wpf below.</p>
  
  <pre><code>&lt;Button.ContextMenu&gt;
      &lt;ContextMenu ItemsSource="{Binding SelectedTreeItem.MetaTargets}"&gt;
          &lt;ContextMenu.ItemTemplate&gt;
              &lt;DataTemplate &gt;
                  &lt;MenuItem Header="{Binding Name}"
                            Command="{Binding Path=SelectedTreeItem.AddTargetCommandRelay, RelativeSource={RelativeSource Mode=FindAncestor, AncestorType=Window}}"
                            CommandParameter="{Binding}"
                   /&gt;
              &lt;/DataTemplate&gt;
          &lt;/ContextMenu.ItemTemplate&gt;
      &lt;/ContextMenu&gt;
  &lt;/Button.ContextMenu&gt;
  </code></pre>
  
  <p>Ideally I want it to look like this when highlighted, regardless of where the mouse is within the confines of the highlighted item, see pic below.</p>
  
  <p><img src="https://i.stack.imgur.com/0LxhG.png" alt="enter image description here"></p>