Mostrar etiqueta en imagen

[Bultack]

Necesito hacer un efecto sobre varias imágenes que voy a tener en una página que servirán como enlace para ir a otras secciones. Lo que necesito es que cuando el ratón pase por encima de una de las imágenes se muestre una especie de capa/etiqueta con el nombre de la categoría/sección a la que se quiere ir. El problema que tengo es que las imágenes iniciales, las que se ven nada más entrar en la página ya vienen también con el nombre de la sección/categoría y la etiqueta/capa que debo hacer que aparezca debe aparecer con un fondo negro y el nombre de la sección/categoría pero claro, las letras deben coincidir en posición, tamaño y demás.

El problema que tengo es que no tengo ni idea de como hacer para que cuando pase por encima de esa imagen me aparezca esta etiqueta ni sé cual es la mejor forma para hacerlo. La única forma en la que he pensado y para que las letras coincidan bien para cuando suceda el efecto es copiar la imagen inicial y coger solo la parte de las letras y ponerle el fondo transparente y que solo se vea abajo el rótulo negro con las letras para que cuadre bien. Después hacer que esta segunda imagen aparezca encima de la imagen original pero que quede oculta, pero no me gusta nada como queda el CSS ya que tengo que estar corrigiendo la posición de cada imagen para que quede encima de la imagen inicial y no sé si esto después también me dará problemas con otras resoluciones