Style not applied to first Menu Item

Athena

Hello, I'm new to using the Telerik controls and I haven't had any luck finding an answer to my problem so far. All I'm trying to do is have a different background image for un-selected menu items, selected menu items and hovered menu items. So far I've been able to apply this style to all menu items except for the very first one. I'm not doing any thing different in my code, so I'm wondering if I should be doing something different. In my attached picture, you can see the first menu item (selected) without my background image. The second item has the correct selected style, the third item has the correct un-selected style and the final item has the correct hover style. If it makes any difference, this control is on a master page.

Kate

Please try using the EnableEmbeddedSkins="false" property of the RadMenu (as described here in the Customizing Skins section) that will allow you to use your custom styles.

Regards,
Kate
Telerik

If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now.

Athena

That worked great for fixing my demo, and then it left me scratching my head since I looked at my website and see that I already had that property set to false. So then I double checked my CSS file to see what differed from the Demo, and saw that I had .rmRootGroup on my styles, can't remember where in my search I found that bit of information, but once I removed that it worked.

Progress, Telerik, and certain product names used herein are trademarks or registered trademarks of Progress Software Corporation and/or one of its subsidiaries or affiliates in the U.S. and/or other countries. See Trademarks or appropriate markings.