Code:
/* Part 1- for default state: */ #menu1 .cat-?cat=1 > a > i { background-position: 0px 0px; } #menu1 .cat-?cat=10 > a > i { background-position: 0px -24px; } #menu1 .cat-?cat=9 > a > i { background-position: 0px -48px; } #menu1 .page-miquel > a > i { background-position: 0px -72px; } /* Part 2 - for hover state: */ #menu1 .cat-?cat=1:hover > a > i, #menu1 .cat-?cat=1.active > a > i { background-position: -24px 0px; } #menu1 .cat-?cat=10:hover > a > i, #menu1 .cat-?cat=10.active > a > i { background-position: -24px -24px; } #menu1 .cat-?cat=9:hover > a > i, #menu1 .cat-?cat=9.active > a > i { background-position: -24px -48px; } #menu1 .page-miquel:hover > a > i, #menu1 .page-miquel.active > a > i { background-position: -24px -72px; }