Hello,

I like the menu very much, but there is a problem I couldn't find a solution for yet:
I styled the top level menu items with seperate background images. Everything works fine in firefox and chrome, but IE is showing the default menu style, not mine.

css:

.ux-menu LI.ux-menu-item468>a:link,
{
display:block;
text-indent: -999em;
width:60px;
height: 80px;
color: #000;
background:url(../images/button_menu_01b.jpg)no-repeat;
border: none;
text-decoration:none;
padding-left:7px;
}

.ux-menu LI.ux-menu-item469>a:link
{
display:block;
text-indent: -999em;
width:105px;
height: 80px;
color: #000;
background:url(../images/button_menu_02b.jpg)no-repeat;
border: none;
text-decoration:none;
padding-left:7px;
}

and so on.

site: www.fritzkowski.de

Hello,

Your custom CSS rules are incorrect. Use space between image url and repeat. In other words use the following CSS property:


background:url(../images/button_menu_01b.jpg) no-repeat;

instead of:

background:url(../images/button_menu_01b.jpg)no-repeat;

Regards,
ARI Soft

Hello,

did that... still doesn't work.

Greets,
rhizin

It works fine for us. We checked it in IE 8 and IE 9.

Regards,
ARI Soft

Really..? Well, that is strange. Must be the ie here than. Thank you very much!

Problem solved: it was the browser cache.

See the screenshots below: