Letrero al pasar ratón por cabecera.

Hasta hace un rato, tenía la cabecera de mi web dentro del código de la página (y de cada página de mi web, aún en proceso) con su enlace hacia la index.html.

Pues bien, he pensado que era mejor ponerla como "background-image" en la capa cabecera de mi hoja de estilos y darle una anchura a la capa, porque es bastante probable que cambie la cabecera y así me evito problemas.

De nuevo en la página (.html) y no en la hoja de estilos, he puesto una referencia a toda la capa cabecera para que actúe a modo de link hacia inicio. En google chrome me funciona perfecto.

Mi pregunta es... ¿Qué tengo que hacer para que al pasar el ratón sobre la cabecera me aparezca un letrero? Antes con la imagen en el html sí que sabía hacerlo pero ahora no :cry:

Dejo la página para que veáis de que hablo.
http://arennacaffe.myartsonline.com/

Igual me he enrollado mucho para que me tengáis que decir ahora dónde insertar una pequeña línea de código ¿no? xD

Gracias de antemano

EDITO

Había probado esto

<div id="cabecera"></div>

Pero no me aparece el letrero
mmm

ponerle el alt al enlace?????

asi como tenia alt la imagen,

no se si funcione, pero podrias intentarlo

saludos
Yaneth escribió:mmm

ponerle el alt al enlace?????

asi como tenia alt la imagen,

no se si funcione, pero podrias intentarlo

saludos

Se me ha olvidado comentar que había probado eso y no me funcionaba, ahora edito. Pero gracias de todos modos