Yo creo que no se puede, pero he tenido otra idea:
- En cada enlace, cambias el span por esto
<li><a href="recursos.html" class="recursos"><img src="falsa.jpg" alt="recursos" /></a></li>
- Ahora haces una imagen de 1px por 1px con el color de fondo de la cabecera
http://www.araudi.net/forosdelweb/img/falsa.jpg
(aunque no veas nada, es la imagen que te digo; bájatela y ponla donde necesites.)
- Y ahora añades a la css este selector:
#buttons li a img {
border: none;
}
¿Qué hemos hecho? El enlace contiene una imagen que no se ve, porque tiene 1px y es del color del fondo. Esa imagen tiene un alt, que será el que se vea cuando se desactiven la imágenes, porque esa imagen falsa también será desactivada.
A ver qué tal.
Mikel.