Mouse over image not display for first root menu

[BV]

Hi,

I am also facing the same issue as in below forum thread. Can you please give me the solution

http://www.telerik.com/community/forums/aspnet-ajax/menu/mouse-over-image-not-display-for-first-root-menu.aspx


my Css

/* <RadMenu / Default> */

.RadMenu_UpToDateGreen .rmRootGroup,
.RadMenu_UpToDateGreen a.rmLink,
.RadMenu_UpToDateGreen .rmGroup .rmText,
.RadMenu_UpToDateGreen .rmLeftArrow,
.RadMenu_UpToDateGreen .rmRightArrow,
.RadMenu_UpToDateGreen .rmTopArrow,
.RadMenu_UpToDateGreen .rmBottomArrow
{
    background-image: url('/images/EditorialMenu/rmSprite.png');
    background-color: transparent;
    border-width: 0 0 1px;
}

.RadMenu_UpToDateGreen  .rmGroup .rmLink {  
        padding-left: 0px !important;   
     }  
       
    .RadMenu_UpToDateGreen  .rmGroup .rmLink .rmText {  
        padding-left: 5px !important;  
        padding-right: 5px !important;
     }  

.RadMenu_UpToDateGreen .rmRootGroup
{
    /*border: 1px solid #828282;*/
    border: 1px solid #DCE8E8;
    background-repeat: repeat-x;
    background-position: 0 -408px;
    background-color: #DCE8E8;
}

/* <Root items> */

.RadMenu_UpToDateGreen,
.RadMenu_UpToDateGreen a.rmLink
{
    font: normal 11px/23px "Segoe UI", Arial, sans-serif;
    color: #fff;
    text-decoration: none;
}

/*Font for Parent item in Menu */
.parentMenuitemText
{
    font: normal 11px/23px "Segoe UI", Arial, sans-serif;
    color: #000;
    text-decoration: none;
}

.RadMenu_UpToDateGreen a.rmLink,
.RadMenu_UpToDateGreen a.rmDisabled,
.RadMenu_UpToDateGreen a.rmDisabled:hover
{
    background-position: 0 -72px;
}

.RadMenu_UpToDateGreen .rmFirst a.rmLink,
.RadMenu_UpToDateGreen .rmFirst a.rmLink:hover,
.RadMenu_UpToDateGreen .rmLast .rmText,
.RadMenu_UpToDateGreen .rmLast a.rmLink:hover .rmText,
.RadMenu_UpToDateGreen .rmVertical a.rmLink,
.RadMenu_UpToDateGreen .rmVertical .rmText
{
    background-repeat: no-repeat;
    background-position: 0 500px;   
    
}

.RadMenu_UpToDateGreen .rmVertical .rmFirst,
.RadMenu_UpToDateGreen .rmVertical .rmLast
{
    background: none;
    
}

.RadMenu_UpToDateGreen a.rmLink:hover,
.RadMenu_UpToDateGreen a.rmFocused,
.RadMenu_UpToDateGreen a.rmSelected
{
    font: normal 11px/23px "Segoe UI", Arial, sans-serif;
    color: #000000 !important;
    text-decoration: none;
    text-align :left;
    background-image: url('/images/EditorialMenu/topnavselected.gif') !important;
    background-color: #7AA8E4;
    background-position :0px 0px;
    
}

.RadMenu_UpToDateGreen .rmHorizontal .rmRootLink span.rmText
{
    display: inline;
    padding-left: 3px;
}

.RadMenu_UpToDateGreen .rmHorizontal a.rmRootLink
{
    padding-left: 0;
}

.RadMenu_UpToDateGreen .rmHorizontal .rmItem > a.rmRootLink /* IE6 doesn't like width: 100% on its items. */
{
    width: 100%;
}

.RadMenu_UpToDateGreen .rmHorizontal img.rmLeftImage
{
    margin: 4px -4px 0 6px;
}

.RadMenu_UpToDateGreen_rtl .rmHorizontal img.rmLeftImage
{
    margin: 4px 6px 0 -4px;
}

.RadMenu_UpToDateGreen .rmVertical a.rmLink
{
    padding-top: 1px;
    padding-bottom: 1px;
}

.RadMenu_UpToDateGreen .rmVertical a.rmLink:hover,
.RadMenu_UpToDateGreen .rmVertical a.rmFocused,
.RadMenu_UpToDateGreen .rmVertical a.rmSelected,
.RadMenu_UpToDateGreen .rmVertical a.rmExpanded,
.RadMenu_UpToDateGreen .rmVertical a.rmExpanded:hover
{
    padding-top: 0;
    padding-bottom: 0;
    border-style: solid;
    /*border-color: #828282;*/
    border-color: #DCE8E8;
    border-width: 1px 0;
}

.RadMenu_UpToDateGreen .rmVertical .rmFirst a.rmLink:hover,
.RadMenu_UpToDateGreen .rmVertical .rmFirst a.rmFocused,
.RadMenu_UpToDateGreen .rmVertical .rmFirst a.rmSelected,
.RadMenu_UpToDateGreen .rmVertical .rmFirst a.rmExpanded,
.RadMenu_UpToDateGreen .rmVertical .rmFirst a.rmExpanded:hover
{
    padding-top: 1px;
    padding-bottom: 0;
    border-top-width: 0;
}

.RadMenu_UpToDateGreen .rmVertical .rmLast a.rmLink:hover,
.RadMenu_UpToDateGreen .rmVertical .rmLast a.rmFocused,
.RadMenu_UpToDateGreen .rmVertical .rmLast a.rmSelected,
.RadMenu_UpToDateGreen .rmVertical .rmLast a.rmExpanded,
.RadMenu_UpToDateGreen .rmVertical .rmLast a.rmExpanded:hover
{
    padding-bottom: 1px;
    padding-top: 0;
    border-bottom-width: 0;
}

.RadMenu_UpToDateGreen .rmVertical .rmItem a.rmDisabled:hover
{
    padding-top: 1px;
    padding-bottom: 1px;
    border-width: 0;
}

.RadMenu_UpToDateGreen a.rmExpanded,
.RadMenu_UpToDateGreen a.rmExpanded:hover
{
    background-color: #8BC0B8; /* Parent Item background on subitem mouse hover */
}

.RadMenu_UpToDateGreen a.rmDisabled,
.RadMenu_UpToDateGreen a.rmDisabled:hover
{
    color: #7d7d7d;
    background-color: transparent;
}

/* </Root items> */


/* <Submenu items> */
div.RadMenu .rmLink .rmText
{
    margin: 0;
    padding: 5;
    padding-right :10px;
}

.RadMenu_UpToDateGreen .rmGroup,
.RadMenu_UpToDateGreen .rmMultiColumn,
.RadMenu_UpToDateGreen .rmGroup .rmVertical
{
    /*border: 1px solid #979797;*/
    /*border: 1px solid #000000;*/
     border: 1px solid #979797 !important; 
     background: #f0f0f0 !important;
    background: #D8E4E4 url('/images/EditorialMenu/rmVSprite.png') repeat-y 0 0;
}

.RadMenu_UpToDateGreen .rmTopFix,
.RadMenu_UpToDateGreen .rmBottomFix,
.RadMenu_UpToDateGreen .rmRoundedCorners .rmGroup .rmItem,
.RadMenu_UpToDateGreen .rmRoundedCorners li.rmFirstGroupColumn .rmItem,
.RadMenu_UpToDateGreen .rmRoundedCorners ul.rmHorizontal .rmFirst,
.RadMenu_UpToDateGreen_Context.rmRoundedCorners .rmGroup .rmItem,
.RadMenu_UpToDateGreen_Context.rmRoundedCorners ul.rmHorizontal .rmFirst
{
    background-image: url('/images/EditorialMenu/rmVSprite.png');
    background-color: #DCE8E8;
    background-repeat: repeat-y;
}

* html .rmRoundedCorners_UpToDateGreen .rmGroup .rmItem,
* html .rmRoundedCorners_UpToDateGreen ul.rmHorizontal .rmFirst
{
    background-image: url('/images/EditorialMenu/rmVSprite.png');
    background-color: #8BC0B8;
    background-repeat: repeat-y;
}

.RadMenu_UpToDateGreen .rmRoundedCorners .rmScrollWrapContainer .rmGroup,
.RadMenu_UpToDateGreen .rmRoundedCorners .rmScrollWrap .rmItem,
.RadMenu_UpToDateGreen .rmRoundedCorners .rmGroupColumn .rmItem,
.RadMenu_UpToDateGreen .rmRoundedCorners .rmHorizontal .rmItem,
.RadMenu_UpToDateGreen .rmRoundedCorners .rmScrollWrap .rmVertical,
.RadMenu_UpToDateGreen_Context.rmRoundedCorners .rmScrollWrapContainer .rmGroup,
.RadMenu_UpToDateGreen_Context.rmRoundedCorners .rmScrollWrap .rmItem,
.RadMenu_UpToDateGreen_Context.rmRoundedCorners .rmHorizontal .rmItem,
.RadMenu_UpToDateGreen_Context.rmRoundedCorners .rmScrollWrap .rmVertical
{
    background-image: none;
}

* html .rmRoundedCorners_UpToDateGreen .rmScrollWrapContainer .rmGroup,
* html .rmRoundedCorners_UpToDateGreen .rmScrollWrap .rmItem,
* html .rmRoundedCorners_UpToDateGreen .rmHorizontal .rmItem,
* html .rmRoundedCorners_UpToDateGreen .rmScrollWrap .rmVertical
{
    background-image: none;
}

.RadMenu_UpToDateGreen .rmRoundedCorners .rmGroupColumn
{
    background-color: #8BC0B8;
}

.RadMenu_UpToDateGreen .rmBottomLeft,
.RadMenu_UpToDateGreen .rmRoundedCorners .rmScrollWrapContainer,
.RadMenu_UpToDateGreen_Context.rmRoundedCorners .rmScrollWrapContainer,
.RadMenu_UpToDateGreen_Context.rmRoundedCorners ul.rmGroup,
.RadMenu_UpToDateGreen .rmRoundedCorners ul.rmGroup,
.RadMenu_UpToDateGreen .rmRoundedCorners .rmMultiColumn
{
    background-image:  url('/images/EditorialMenu/rmRoundedLeft.png');
    background-color: transparent;
    background-repeat: no-repeat;
}

* html .rmRoundedCorners_UpToDateGreen .rmScrollWrapContainer,
* html .rmRoundedCorners_UpToDateGreen .rmGroup ul.rmGroup,
* html .rmRoundedCorners_UpToDateGreen ul.rmGroup
{
    background-image:  url('/images/EditorialMenu/rmRoundedLeft.png');
    background-color: transparent;
    background-repeat: no-repeat;
}

.RadMenu_UpToDateGreen .rmTopRight,
.RadMenu_UpToDateGreen .rmBottomRight
{
    background-image:  url('/images/EditorialMenu/rmRoundedRight.png');
    background-color: transparent;
    background-repeat: no-repeat;
}

.RadMenu_UpToDateGreen .rmTopFix,
.RadMenu_UpToDateGreen .rmBottomFix,
.RadMenu_UpToDateGreen .rmRoundedCorners .rmGroup .rmFirst,
.RadMenu_UpToDateGreen_Context.rmRoundedCorners .rmGroup .rmFirst,
.rmRoundedCorners_UpToDateGreen .rmGroup .rmFirst
{
    border-color: #979797;
}

.RadMenu_UpToDateGreen .rmRoundedCorners .rmScrollWrapContainer .rmTopFix,
.RadMenu_UpToDateGreen .rmRoundedCorners .rmScrollWrapContainer .rmBottomFix,
.RadMenu_UpToDateGreen_Context.rmRoundedCorners .rmScrollWrapContainer .rmTopFix,
.RadMenu_UpToDateGreen_Context.rmRoundedCorners .rmScrollWrapContainer .rmBottomFix
{
    background: #8BC0B8;
}

* html .rmRoundedCorners_UpToDateGreen .rmScrollWrapContainer .rmTopFix,
* html .rmRoundedCorners_UpToDateGreen .rmScrollWrapContainer .rmBottomFix
{
    background: #8BC0B8;
}

.RadMenu_UpToDateGreen .rmRoundedCorners .rmScrollWrapContainer .rmTopArrow,
.RadMenu_UpToDateGreen .rmRoundedCorners .rmScrollWrapContainer .rmBottomArrow,
.RadMenu_UpToDateGreen .rmRoundedCorners .rmScrollWrapContainer .rmLeftArrow,
.RadMenu_UpToDateGreen .rmRoundedCorners .rmScrollWrapContainer .rmRightArrow,
.RadMenu_UpToDateGreen_Context.rmRoundedCorners .rmScrollWrapContainer .rmTopArrow,
.RadMenu_UpToDateGreen_Context.rmRoundedCorners .rmScrollWrapContainer .rmBottomArrow,
.RadMenu_UpToDateGreen_Context.rmRoundedCorners .rmScrollWrapContainer .rmLeftArrow,
.RadMenu_UpToDateGreen_Context.rmRoundedCorners .rmScrollWrapContainer .rmRightArrow
{
    background-color: #8BC0B8;
    border: 0;
}

* html .rmRoundedCorners_UpToDateGreen .rmScrollWrapContainer .rmTopArrow,
* html .rmRoundedCorners_UpToDateGreen .rmScrollWrapContainer .rmBottomArrow,
* html .rmRoundedCorners_UpToDateGreen .rmScrollWrapContainer .rmLeftArrow,
* html .rmRoundedCorners_UpToDateGreen .rmScrollWrapContainer .rmRightArrow
{
    background-color: #8BC0B8;
    border: 0;
}

.RadMenu_UpToDateGreen_rtl .rmBottomLeft,
.RadMenu_UpToDateGreen_rtl .rmRoundedCorners ul.rmGroup,
.RadMenu_UpToDateGreen_rtl .rmRoundedCorners .rmMultiColumn,
.RadMenu_UpToDateGreen .rmRoundedCorners .rmScrollWrapContainer,
.RadMenu_UpToDateGreen .rmScrollWrapContainer .rmBottomLeft,
.rmRoundedCorners.RadMenu_UpToDateGreen_Context_rtl ul.rmGroup,
.RadMenu_UpToDateGreen_Context.rmRoundedCorners .rmScrollWrapContainer
{
    background-image: url('/images/EditorialMenu/rmRoundedLeft_rtl.png');
}

.RadMenu_UpToDateGreen_rtl .rmTopRight,
.RadMenu_UpToDateGreen_rtl .rmBottomRight
{
    background-image: url('/images/EditorialMenu/rmRoundedRight_rtl.png');
}

.RadMenu_UpToDateGreen_rtl li.rmTopFix,
.RadMenu_UpToDateGreen_rtl li.rmBottomFix,
.RadMenu_UpToDateGreen_rtl .rmRoundedCorners .rmGroup .rmItem,
.rmRoundedCorners.RadMenu_UpToDateGreen_Context_rtl .rmGroup .rmItem
{
    background-position: 101% 0;
}

.RadMenu_UpToDateGreen .rmSlide .rmScrollWrap
{
    background-image: none;
}

.RadMenu_UpToDateGreen_rtl .rmGroup,
.RadMenu_UpToDateGreen_rtl .rmMultiColumn,
.RadMenu_UpToDateGreen_rtl .rmGroup .rmVertical
{
    background-position: 100% 0;
}

.RadMenu_UpToDateGreen .rmRootGroup li.rmItem .rmGroup
{
    padding-bottom: 0;
}

.RadMenu_UpToDateGreen .rmRootGroup .rmHorizontal
{
    background-image: none;
}

.RadMenu_UpToDateGreen .rmScrollWrap .rmVertical
{
    border: 0;
}

.RadMenu_UpToDateGreen .rmRoundedCorners .rmScrollWrapContainer li.rmItem,
.RadMenu_UpToDateGreen_Context.rmRoundedCorners .rmScrollWrapContainer li.rmItem,
.rmRoundedCorners_UpToDateGreen .rmScrollWrapContainer li.rmItem
{
    background: none;
}

.RadMenu_UpToDateGreen .rmGroup .rmItem a.rmLink,
.RadMenu_UpToDateGreen .rmGroup .rmItem a.rmLink:hover,
.RadMenu_UpToDateGreen .rmGroup .rmItem a.rmFocused,
.RadMenu_UpToDateGreen .rmGroup .rmItem a.rmSelected,
.RadMenu_UpToDateGreen .rmGroup .rmItem a.rmExpanded
{
    padding-top: 0;
    padding-bottom: 0;
    border: 0;
}

.RadMenu_UpToDateGreen .rmGroup .rmLast a.rmLink,
.RadMenu_UpToDateGreen .rmGroup .rmLast a.rmLink:hover,
.RadMenu_UpToDateGreen .rmGroup .rmLast a.rmFocused,
.RadMenu_UpToDateGreen .rmGroup .rmLast a.rmSelected,
.RadMenu_UpToDateGreen .rmGroup .rmLast a.rmExpanded
{
    padding-bottom: 1px;
}

.RadMenu_UpToDateGreen .rmGroup a.rmLink,
.RadMenu_UpToDateGreen .rmGroup .rmText,
.RadMenu_UpToDateGreen .rmGroup .rmItem a.rmDisabled,
.RadMenu_UpToDateGreen .rmGroup .rmItem a.rmDisabled:hover,
.RadMenu_UpToDateGreen .rmGroup .rmItem a.rmDisabled .rmText,
.RadMenu_UpToDateGreen .rmGroup .rmItem a.rmDisabled:hover .rmText
{
    background-position: 0 500px;
    background-repeat: no-repeat;
    background-color: transparent;
}

.RadMenu_UpToDateGreen .rmGroup a.rmLink:hover,
.RadMenu_UpToDateGreen .rmGroup a.rmFocused,
.RadMenu_UpToDateGreen .rmGroup a.rmSelected,
.RadMenu_UpToDateGreen .rmGroup a.rmExpanded
{
    background-position: 0 -168px;
}

.RadMenu_UpToDateGreen .rmGroup a.rmLink:hover .rmText,
.RadMenu_UpToDateGreen .rmGroup a.rmFocused .rmText,
.RadMenu_UpToDateGreen .rmGroup a.rmSelected .rmText,
.RadMenu_UpToDateGreen .rmGroup a.rmExpanded .rmText
{
    background-position: 100% -192px;
}

/* <expand arrows> */

.RadMenu_UpToDateGreen .rmGroup .rmExpandRight,
.RadMenu_UpToDateGreen .rmGroup .rmExpandDown,
.RadMenu_UpToDateGreen .rmGroup .rmItem a.rmDisabled .rmExpandRight,
.RadMenu_UpToDateGreen .rmGroup .rmItem a.rmDisabled .rmExpandDown,
.RadMenu_UpToDateGreen .rmGroup .rmItem a.rmDisabled:hover .rmExpandRight,
.RadMenu_UpToDateGreen .rmGroup .rmItem a.rmDisabled:hover .rmExpandDown
{
    background-position: 100% -216px;
}

.RadMenu_UpToDateGreen .rmGroup a.rmLink:hover .rmExpandRight,
.RadMenu_UpToDateGreen .rmGroup a.rmFocused .rmExpandRight,
.RadMenu_UpToDateGreen .rmGroup a.rmSelected .rmExpandRight,
.RadMenu_UpToDateGreen .rmGroup a.rmExpanded .rmExpandRight,
.RadMenu_UpToDateGreen .rmGroup a.rmLink:hover .rmExpandDown,
.RadMenu_UpToDateGreen .rmGroup a.rmFocused .rmExpandDown,
.RadMenu_UpToDateGreen .rmGroup a.rmSelected .rmExpandDown,
.RadMenu_UpToDateGreen .rmGroup a.rmExpanded .rmExpandDown
{
    background-position: 100% -240px;
}

.RadMenu_UpToDateGreen .rmGroup a.rmDisabled:hover .rmExpandRight,
.RadMenu_UpToDateGreen .rmGroup a.rmDisabled:hover .rmExpandDown
{
    background-image: url('/images/EditorialMenu/rmSprite.png');
    background-position: 100% -216px;
}

/* </expand arrows> */

/* <rtl> */

.RadMenu_UpToDateGreen_rtl a.rmLink,
.RadMenu_UpToDateGreen_rtl .rmRootGroup a.rmDisabled
{
    background-position: 100% -96px;
}

.RadMenu_UpToDateGreen_rtl .rmGroup a.rmDisabled
{
    background: none;
}

.RadMenu_UpToDateGreen_rtl .rmText
{
    background-position: 0 -96px;
}

.RadMenu_UpToDateGreen_rtl .rmVertical a.rmExpanded .rmText,
.RadMenu_UpToDateGreen_rtl .rmVertical a.rmExpanded:hover .rmText
{
    background-position: 0 500px;
    background-repeat: no-repeat;
}

.RadMenu_UpToDateGreen_rtl .rmGroup a.rmLink:hover,
.RadMenu_UpToDateGreen_rtl .rmGroup a.rmFocused,
.RadMenu_UpToDateGreen_rtl .rmGroup a.rmSelected,
.RadMenu_UpToDateGreen_rtl .rmGroup a.rmExpanded
{
    background-position: 100% -264px;
}

.RadMenu_UpToDateGreen_rtl .rmGroup a.rmLink:hover .rmText,
.RadMenu_UpToDateGreen_rtl .rmGroup a.rmFocused .rmText,
.RadMenu_UpToDateGreen_rtl .rmGroup a.rmSelected .rmText,
.RadMenu_UpToDateGreen_rtl .rmGroup a.rmExpanded .rmText
{
    background-position: 0 -288px;
}

.RadMenu_UpToDateGreen_rtl .rmGroup .rmExpandLeft
{
    background-position: 0 -312px;
}

.RadMenu_UpToDateGreen_rtl .rmGroup a.rmLink:hover .rmExpandLeft,
.RadMenu_UpToDateGreen_rtl .rmGroup a.rmFocused .rmExpandLeft,
.RadMenu_UpToDateGreen_rtl .rmGroup a.rmSelected .rmExpandLeft,
.RadMenu_UpToDateGreen_rtl .rmGroup a.rmExpanded .rmExpandLeft
{
    background-position: 0 -336px;
}

/* </rtl> */

/* </Submenu items> */

/* <Submenu offsets (Default - specific, overlapping submenus)> */

.RadMenu_UpToDateGreen .rmSlide
{
    margin: 0 0 0 -1px;
}

.RadMenu_UpToDateGreen .rmVertical .rmSlide,
.RadMenu_UpToDateGreen .rmSlide .rmSlide,
.RadMenu_UpToDateGreen_Context .rmGroup .rmSlide
{
    margin: 0 0 0 -5px;
}

.RadMenu_UpToDateGreen_rtl .rmSlide
{
    margin: 0 0 0 0;
}

.RadMenu_UpToDateGreen_rtl .rmFirst .rmSlide
{
    margin-left: 1px;
}

.RadMenu_UpToDateGreen_rtl .rmVertical .rmSlide,
.RadMenu_UpToDateGreen_rtl .rmSlide .rmSlide,
.RadMenu_UpToDateGreen_Context_rtl .rmGroup .rmSlide
{
    margin: 0 0 0 5px;
}

/* </Submenu offsets> */

/* <Scrolling arrows> */

.RadMenu_UpToDateGreen .rmLeftArrow,
.RadMenu_UpToDateGreen .rmRightArrow
{
    background-color: #DCE8E8;
}

.RadMenu_UpToDateGreen .rmLeftArrow { background-position: -8px -312px; border-right: 1px solid #DCE8E8; }
.RadMenu_UpToDateGreen .rmRightArrow { background-position: -482px -216px; border-left: 1px solid #DCE8E8; }

.RadMenu_UpToDateGreen .rmTopArrow,
.RadMenu_UpToDateGreen .rmBottomArrow,
.RadMenu_UpToDateGreen .rmGroup .rmLeftArrow,
.RadMenu_UpToDateGreen .rmGroup .rmRightArrow
{
    background-color: #DCE8E8;
}

.RadMenu_UpToDateGreen .rmTopArrow { background-position: 50% -367px; border-bottom: 1px solid #DCE8E8; }
.RadMenu_UpToDateGreen .rmBottomArrow { background-position: 50% -391px; border-top: 1px solid #DCE8E8; }

/* </Scrolling arrows> */

/* <Separators> */

.RadMenu_UpToDateGreen .rmHorizontal .rmSeparator .rmText,
.RadMenu_UpToDateGreen .rmVertical .rmHorizontal .rmSeparator .rmText
{
    height: 22px;
    margin: 1px 0 0;
    width: 1px;
    /*background-color: #A8A8A8;*/
    background-color: #000000;
}

.RadMenu_UpToDateGreen_Context .rmSeparator .rmText,
.RadMenu_UpToDateGreen .rmHorizontal .rmGroup .rmSeparator .rmText,
.RadMenu_UpToDateGreen .rmVertical .rmHorizontal .rmGroup .rmSeparator .rmText
{
    background-color: transparent;
    background-position: 0 -406px;
}

/* </Separators> */

/* </RadMenu / Default> */

[Kate]

Hi BV,

I explored your problem and here is a possible solution. Try to change this part of your code:

.RadMenu_UpToDateGreen a.rmLink:hover,
.RadMenu_UpToDateGreen a.rmFocused,
.RadMenu_UpToDateGreen a.rmSelected
{
    font: normal 11px/23px "Segoe UI", Arial, sans-serif;
    color: #000000 !important;
    text-decoration: none;
    text-align :left;
    background-image: url('images/topnavselected.gif') !important;
    background-color: #7AA8E4;
    background-position :0px 0px;

}

with the one below:

.RadMenu_UpToDateGreen .rmItem a.rmLink:hover,
.RadMenu_UpToDateGreen a.rmFocused,
.RadMenu_UpToDateGreen a.rmSelected
{
    font: normal 11px/23px "Segoe UI", Arial, sans-serif;
    color: #000000 !important;
    text-decoration: none;
    text-align :left;
    background-image: url('images/topnavselected.gif') !important;
    background-color: #7AA8E4;
    background-position :0px 0px;

}

I hope this information helps. I will  be glad to assist you should you have any further questions.


All the best,
Katerina
the Telerik team

[BV]

Hi Katerina ,

Adding .rmItem did not solve my problem. Kindly let me know what mistake I have done in the style sheet pasted.


Thanks
BV

[Kate]

Hi BV,

The code worked on my side.

Can you please send me a link to your site, so that I can inspect the problem more thoroughly?

Greetings,
Katerina
the Telerik team