Example Joomla 1.7 Menu Image Sprite CSS for Construct Template Framework

gistfile1.css

#nav ul.menu li a {
	display:block;
	text-indent: -999em;
	width:55px;
	height:46px;
	background-image:url('../images/menu.png');
	background-repeat: no-repeat;
}
#nav ul.menu li.item-435 a{
	background-position: -170px 0.9px;
}
#nav ul.menu li.item-435 a:hover{
	background-position: -170px -56px;
}
#nav ul.menu li.item-435 a:active{
	background-position: -170px -112px;
}

#nav ul.menu li.item-294 a{
	background-position: -266px 0.9px;
}
#nav ul.menu li.item-294 a:hover{
	background-position: -266px -56px;
}
#nav ul.menu li.item-294 a:active{
	background-position: -266px -112px;
}