No es necesario cubrir la imagen, sólo basta con "ocultar" el texto mediante paddings. Te cuento, la idea es que en vez de establecer la altura de la imagen con el atributo "height", lo hagas con el "padding-top" por ejemplo. De esta forma, el texto existe, pero no se ver ya que se sale de las dimensiones del elemento (siempre que pongas el overflow a hidden)
aqui tienes el ejemplo:
http://mods.solzimer.es/david/exampl...eraimagen.html
Luego es bastante fácil de combinar con lo anterior. Prueba a visualiszarlo normal, y luego desactiva las hojas de estilo, y verás que la imagen queda sustituida por un texto que es real (no un atributo "alt"). El único problema es que no funciona bien con IE 5 (el texto aparece quieras o no)
La solución que has puesto tú también es perfectamente válida, aunque añade una etiqueta innecesaria. Pero eso ya es cuestion de gustos, y sirven perfectamente las dos
