title: WPF Menuitem Border
body: <p>I've run into a problem trying to implement a <code>Menu</code> and can't figure out what is going on.  I'm trying to make a single-layer menu using the <code>Menu</code> control.  Here is my menu code:</p>
  
  <pre><code>&lt;Menu DockPanel.Dock="Top" Height="22" Name="menu1" VerticalAlignment="Top" Background="#FF325170"&gt;
      &lt;MenuItem Header="Featured" Style="{StaticResource menuItemStyle}" /&gt;
      &lt;MenuItem Header="Search" Style="{StaticResource menuItemStyle}" /&gt;
  &lt;/Menu&gt;
  </code></pre>
  
  <p>And my style for my <code>MenuItem</code>s is as follows:</p>
  
  <pre><code>&lt;Style x:Key="menuItemStyle" TargetType="{x:Type MenuItem}"&gt;
    &lt;Style.Triggers&gt;
      &lt;Trigger Property="MenuItem.IsMouseOver" Value="true"&gt;
        &lt;Setter Property = "Foreground" Value="Red"/&gt;
      &lt;/Trigger&gt;
    &lt;/Style.Triggers&gt;
  &lt;/Style&gt;
  </code></pre>
  
  <p>When I mouseover the menu items, there is a <code>Border</code> that appears, and I can't figure out for the life of me how to remove this border. Any suggestions?</p>