el elemento A es un elemento INLINE, por lo que tiene el tamaño de su contenido... en este caso al no tener contenido su tamaño es 0 y pro eso no ves la img que le pones de fondo.
Prueba agregando esto:
Código CSS:
Ver original#iconos a{
display:block;
width:45px;
height:45px}
por otra parte, 2 observaciones:
- no es una buena práctica cambiar toda la img en el hover, las img se cargan solo al momento de ser llamadas por lo que si cambias toda al img va a demorar unos segundos en aparecer... en vez de eso
usa sprites, osea unifica tus 4 img en 1 sola más grande y luego las vas cambiando con background-position.
- intenta en la medida de lo posible evitar usar IDs, en este caso para los items de la lista lo mejor es usar CLASES