Menu Look Problem

[Hind]

Hello,

I have three RadMenu Look problems that i would reslove:

The first, it that all the menu move right and left when i pass the mouse from a menu item to another. This problem is met only on IE.
The second, is that i have a space margin to the left and the right of the text of menu items wich i need to reduce.
Finally, The arrow of the item menus that have children items disappear when the mouse is hover on.

Thanx for helping to solve these issues.

Hind

[Kate]

Hi Hind,

To remove the padding/margin of the RadMenu you can use the following css class selector:

div.RadMenu .rmGroup .rmText {
    margin: 0 0 0 2px;
    padding: 0 54px 0 1px;
}

The first, it that all the menu move right and left when i pass the mouse from a menu item to another. This problem is met only on IE. The arrow of the item menus that have children items disappear when the mouse is hover on.
Do you apply any custom skin or styles to the RadMenu control or the page? If so, this might be the reason why you encounter this strange behavior. To be able to help you with the last two issues I will need either a live url or simplified runnable project that we could inspect locally. 

All the best,
Kate
the Telerik team