rounded corners with images

[Naupad]

I am using Rad Menu with default theme. I enabled rounded corners which works fine for sub-menu items. But I want the whole wrapper of all the menus also to be rounded. How can I do this using images because border-radius property doesn't work in IE 8 and earlier.

[Princy]

Hello,

One suggestion is you can create custom skin as expalined in this documentation.

Thanks,
Princy.

[Naupad]

Still no hope. I am unable to find the css class of the outside wrapper.

[Princy]

Hello,

Take a look into the following demo.
Menu / Show Path And BreadCrumb

Hope this helps.
Thanks,
Princy.

[Kate]

Hello Naupad,

You can use the following css class to remove the background image and border of the root menu items. Then you can apply your custom sprite image by setting the background-image in the same class selector:

div.RadMenu_Default .rmRootGroup {
    background-color: #E0E5F5; /*you can alter it as needed*/
    background-position: 0 -457px;
    background-repeat: repeat-x; /*you can alter it as needed*/
    border: 0px solid #B7BDCD;
}

Greetings,
Kate
the Telerik team