etiqueta title en una imagen

[sanxuan]

Un ejemplo con CSS y HTML:

Código HTML:

<div class="hover">
    <img src="img.gif"/>
    <p>Título<br/>linea 2</p>
</div>
 

Código CSS:

.hover {
    display: inline-block;
    position: relative;
    text-align: center;
}
.hover p {
    background: none repeat scroll 0 0 #334455;
    bottom: 0;
    color: #FFFFFF;
    margin: 0;
    position: absolute;
    text-align: center;
    visibility: hidden;
    width: 100%; /* aquí debería decir 100% */
}
.hover:hover p {
    visibility: visible;
}
 

El párrafo permanece oculto y al pasar por encima de la imagen se vuelve visible.