Si he entendido bien es más simple que todo eso.
Una clase css
Código CSS:
Ver original.noticias {
background:url('images/noticiasbtu.png')no-repeat;
}
.noticias:hover {
background:url('images/noticiasbtu_hover.png')no-repeat;
}
Y en tu html
Cuando pasen por encima del li, verán la pseudoclase hover de la clase noticias, por tanto verán la segunda imagen. Cuando no estén encima verán solo la clase noticias y verán la primera imagen.
Así con todos tus enlaces.
También podrías usar la misma imagen para todos tus li, con li y con li:hover
Espero haberte ayudado, y si tienes dudas pregunta.