Hola
Me parece lo que responde CORE sobre posicionar el tag <a> de manera absoluta, con contenido de 'font-size: 0', es el camino correcto. Sin embargo, mi aporte es que para hacer coincidir el <a> con la imagen de fondo, y para que puedas "moldearlo" debes quitarle su caracter de elemento de línea con 'display: block'. Hecho esto le das dimensiones como si de un bloque se tratara, y le haces coincidir con la imagen de fondo con width y height. Un consejo, a veces es muy práctico poner 'border: 1 px solid red' a ciertas clases o ids para poder "verlos" en el browser mientras los posicionas.
¡Un saludo!
Carlos