Menu spécial HTML-CSS (Javascript)

Bonjour,
Je suis présentement en train de créer un site à base de HTML/CSS (et éventuellement un peu de Javascript, mais je n'ai pas vraiment de base ni beaucoup de connaissances au sujet de ce type de codage). Je veux créer un menu qui, lorsque le curseur passe au dessus (hover en CSS), l'image de fond qui est intégré en CSS apparaisse graduellement et disparaît de la même façon lorsque le curseur n'est plus au dessus du lien.

J'ai essayé de le faire en CSS mais le problème était que les mots (le nom des pages) disparaissait et réapparaissait uniquement lorsque le curseur de la sourie passait au dessus des liens en même temps que l'image de fond.

Merci de trouver une réponse à mon problème :-)

(si c'est possible, je préférerais une solution qui négligerait le Javascript)
__________
Aichiasto