Hello,

in IE6 the menu bar item literals and colors disappear when I mouse over them.
The issue is only present in IE6.

Any advice would be helpful.
newsite.telecompare.gr

Regards

My css setting is:

#{$id}.yui-skin-sam .yuimenubar DIV.bd
{
background: #fff;
}

#{$id}.yui-skin-sam .yuimenubar DIV.bd a.yuimenubaritemlabel
{
color: #004b73;
}

#{$id}.yui-skin-sam DIV.bd a.yuimenubaritemlabel-selected
{
background-color: #00679e;
}

#{$id}.yui-skin-sam DIV.bd a.yuimenubaritemlabel-selected,
#{$id}.yui-skin-sam DIV.bd a.yuimenubaritemlabel-selected:link,
#{$id}.yui-skin-sam DIV.bd a.yuimenubaritemlabel-selected:visited,
#{$id}.yui-skin-sam DIV.bd a.yuimenubaritemlabel-selected:hover {
color:#FFF;
}

#{$id}.yui-skin-sam .yuimenu DIV.bd
{
background: #00679e;
}

#{$id}.yui-skin-sam DIV.bd ul li a.yuimenuitemlabel
{
color: #FFF;
}


#{$id}.yui-skin-sam DIV.bd ul li DIV.bd ul li a.yuimenuitemlabel-selected
{
background-color: #0092cb;
}

#{$id}.yui-skin-sam .yuimenubarnav a.yuimenubaritemlabel-hassubmenu:hover,
#{$id}.yui-skin-sam .yuimenubarnav .yuimenubaritem-selected a.yuimenubaritemlabel-hassubmenu
{
background-image:url("/modules/mod_ariyuimenu/mod_ariyuimenu/js/build/menu/assets/skins/sam/menubaritem_submenuindicator_selected.png");
background-repeat: no-repeat;
background-position: right center;
}

body #{$id}.yui-skin-sam DIV.bd ul li DIV.bd ul li a.yuimenuitemlabel-selected
{
background-color: transparent;
}

body #{$id}.yui-skin-sam .yuimenubarnav ul li.yuimenuitem-hassubmenu:hover
{
background-color: #0092cb;
background-image:url("/modules/mod_ariyuimenu/mod_ariyuimenu/js/build/menu/assets/skins/sam/menuitem_submenuindicator.png");
background-position:right center;
background-repeat:no-repeat;
}

Hello again,
no solution for this kind of problem?

Hello,

Add the next CSS rule:



Regards,
ARI Soft

Thanks for your reply.

I added

#{$id}.yui-skin-sam .yuimenubar .bd ul li a.yuimenubaritemlabel-selected,
#{$id}.yui-skin-sam .yuimenubar .bd ul li a:hover
{
background: #00679E none;
}

according to your suggestion (I replaced #{$id} with #{$id}.yui-skin-sam because there was no effect instead).

Some issues came up:
a. The white arrows of the menubar disappeared in Firefox (when I mouse over the menubar tabs)
b. In IE 6 the menubar items appeared (literals, colours are there now!) but the white arrows of the menubar, and the colors of the submenus when I mouse over them are now faulty.

Problem solved!

I changed

#{$id}.yui-skin-sam DIV.bd a.yuimenubaritemlabel-selected
{
background-color: #00679e;
}


to

#{$id}.yui-skin-sam DIV.bd ul li a.yuimenubaritemlabel-selected
{
background-color: #00679e;
}


Thanks a lot for your interest!