Mostrar etiqueta en imagen

[Bultack]

A lo que tenga que coincidir la etiqueta a mostrar es porque la imagen original, la que aparece inicialmente también incluye la etiqueta con el nombre de la sección, si el nombre aparece centrada horizontal y verticalmente no puedo hacer que la etiqueta que quiero que se muestre al pasar el ratón por encima esté alineada a la derecha, a eso me refiero.

Voy a probar con lo que me has comentado y demás a ver qué tal funciona.

EDITO: Lo he probado pero no entiendo mucho lo último que me indicas, lo de las posiciones relative y absolute. Dejo el código del HTML y CSS.

Código:

		<div id="content">
			<div id="image">
				<a href="#"><img src="soluciones_0.png" alt="servicios" /></a>
				<div id="layer-1" class="layer"><img src="soluciones_1.png" alt="servicios" /></div>
			</div>
		</div>

Código:

#content {
	position:absolute;
	top:50%;
	left:50%;
	width:620px;
	height:500px;
	margin-left:-310px;
	margin-top:-250px;
	border:2px solid red;
}

#image {
	position:relative;
	border:2px solid yellow;
	width:179px;
	height:252px;
}

.layer {
	position:absolute;
	border:2px solid blue;
}

Los bordes solo están puestos para usarlos como guía.