Aparición de boton mintado sobre otro tras hacer clic

[Crooibos]

Gracias, pero creo que no lo consigo arreglar ni así. Pongo los estilos del botón portfolio por ejemplo:
y el css:

Código:

#menu-item-38 a {
	background: url(./images/sprite.png); 
	background-position: -116px 0px;
	}
#menu-item-38 a:hover {
	background: url(./images/sprite.png); 
	background-position: -116px -75px;
	}
ul#menu-header li a:active,
body#portfolio ul#menu-header li.menu-item-38 a {
	background: url(./images/sprite.png); 
	background-position: -116px -75px;
	}

Cambiando el css a lo siguiente que es lo que he interpretado de la respuesta anterior, tampoco lo consigo corregir.(no tengo mucha mucha idea eh):

Código:

#menu-item-38 a {
	background: url(./images/sprite.png); 
	background-position: -116px 0px;
	}
#menu-item-38 a:hover,
#menu-item-38 a:active,
body#portfolio ul#menu-header li.menu-item-38 a {
	background: url(./images/sprite.png); 
	background-position: -116px -75px;
	}

Lo curioso es que cuando aparece el estado hover en todos los botones cuando presionamos sobre el botón, aparece el estado hover de contacto en todos, y las coordenadas de cada uno de los botones para tal efecto, no son las mismas que las que tiene ese estado que aparece...es lo que no entiendo o no acabo de comprender, puesto que son -465px -75px.

En definitiva, que continúa igual, pero gracias por responder igualmente, a ver si alguien lo vé más claro con eso que he puesto.
Saludos

reEdito: Dejando solo lo siguiente, también aparece el error.

Código:

#menu-item-39 a {
	background: url(./images/sprite.png); 
	background-position: -232px 0px;
	}