anytime computers

Ah great that works heaps better thanks CrouchingBruin. Not sure if you are the guy who created this but the self help page about “Using Menu Icons” is incorrect and does not include the missing “page-” part.

thanks for that information, the code I included showed customised icons for of the pages I have as per instructions on the Use Menu Page. Here is the extract in question

#menu1 > li > a > i {
display: block;
width: 24px;
height: 24px;
margin: 0 auto 5px auto;
background: transparent url(%tpldir%/images/menu-icons-0090d3.png) 0 0 no-repeat;
}

#menu1 > li:hover > a > i {
background: transparent url(%tpldir%/images/menu-icons-0090d3.png) -24px 0 no-repeat;
}

/* Part 1- for default state: */
#menu1 .contact-us > a > i { background-position: 0px 0px; }
#menu1 .faq > a > i { background-position: 0px -24px; }
#menu1 .home > a > i { background-position: 0px -48px; }
#menu1 .services > a > i { background-position: 0px -72px; }
/* Part 2 – for hover state: */
#menu1 .contact-us:hover > a > i, #menu1 .contact-us.active > a > i { background-position: -24px 0px; }
#menu1 .faq:hover > a > i, #menu1 .faq.active > a > i { background-position: -24px -24px; }
#menu1 .home:hover > a > i, #menu1 .home.active > a > i { background-position: -24px -48px; }
#menu1 .services:hover > a > i, #menu1 .services.active > a > i { background-position: -24px -72px; }

As you can see in that code I have just copied in over the top of the default. as per instructions but its not loading the icons. i.e. with the code above it should be showing a leaf not the star.

Thanks first of the two problems, good work so far. Thanks

Both now, the blue effect has stopped working and I can’t change the stars to something else

Ha, I must have done something strange because the change to blue effect on hover is no longer working too?