title: Change color of MenuItem on MouseOver
body: <p>I want to change the color of a MenuItem at mouseOver. I need also rounded borders, an image and a textBox. When I set the style all is ok only the mouseOverEvent is doing anything, the background doesnot change. My code is:</p>
  
  <pre><code>  &lt;Style x:Key="BaseStyle" TargetType="MenuItem"&gt;
          &lt;Style.Triggers&gt;
              &lt;Trigger Property="IsMouseOver" Value="true"&gt;
                  &lt;Setter Property="Background" Value="#0a99f3" /&gt;
              &lt;/Trigger&gt;
              &lt;Trigger Property="IsKeyboardFocusWithin" Value="true"&gt;
                  &lt;Setter Property="Background" Value="#0a99f3" /&gt;
              &lt;/Trigger&gt;
          &lt;/Style.Triggers&gt;
          &lt;Setter Property="Template"&gt;
              &lt;Setter.Value&gt;
                  &lt;ControlTemplate TargetType="{x:Type MenuItem}"&gt;
                      &lt;Grid&gt;
                          &lt;Border Name="MainBorder" BorderThickness="2,2,2,0" CornerRadius="8,8,8,8" Margin="0,0,1,0"  BorderBrush="AliceBlue"&gt;
  
                              &lt;Grid&gt;
                                  &lt;TextBlock Text="Info" Margin="30,10,0,0" FontFamily="Arial" FontSize="14" FontWeight="Bold" /&gt;
                                  &lt;Image Width="15" Height="15" Source="menu.PNG" Margin="-100,0,0,0" /&gt;
                              &lt;/Grid&gt;
                          &lt;/Border&gt;
  
                      &lt;/Grid&gt;
                  &lt;/ControlTemplate&gt;
  
              &lt;/Setter.Value&gt;
          &lt;/Setter&gt;
  
      &lt;/Style&gt;    
  </code></pre>
  
  <p>Hope anybody know what I am missing. Thanks!</p>