Incomplete Selection when Hovering Over an Item

[SorinC]

Hello,

We have a three-level menu using RadMenu v2013.2.717:

<telerik:RadMenu BorderStyle="None" ExpandMode="ClientSide" Flow="Vertical"
         ID="mnuWhiteButton" runat="server" Skin="Default"
         EnableScreenBoundaryDetection="true" AutoScrollMinimumHeight="500"
         EnableAutoScroll="true" Width="18em">
    <Items>
        <telerik:RadMenuItem Text="Webcasts">
        </telerik:RadMenuItem>
        <telerik:RadMenuItem Text="Periodicals">
        </telerik:RadMenuItem>
        <telerik:RadMenuItem Text="Research Packages">
        </telerik:RadMenuItem>
        <telerik:RadMenuItem Text="Top 15 Lists">
        </telerik:RadMenuItem>
    </Items>
</telerik:RadMenu>

Levels two and three are created from code.
The skin is specified via web.config as being Windows7:

<appSettings>
    [...]
    <add key="Telerik.Skin" value="Windows7" />
</appSettings>

In IE8 and Chrome, when hovering the mouse over an item on level one, only a part of the item is selected, instead of the entire item. This applies to skins Windows7, Outlook, Office2010Blue and Silver, Office2007 to name a few, but not to Default, Metro, Silk, etc.
Also, the selection is fine in levels two and three of the menu.

We would prefer to use the Windows7 skin -- is there a way to fix the issue in this skin?

Thank you.

[Kate]

Hello SorinC,

Please check if there are any custom styles that you apply to your application that might be causing the look that you are currently experiencing. Try to exclude them and check on the appearance of the control. If this does not help I would like to ask you to provide a live url that I can inspect from my side and inspect what might be causing the issue. 

Regards,
Kate
Telerik