Transizione sfondo menù non funziona

[Experiment8]

Ciao,

penso che il problema sia che le transition devono essere inserite nella regola di partenza e non sull'hover, dovresti spostarle sulla regola sopra ossia (togliendo i br che sono errati):

sf-menu > li > a {
-webkit-transition-property: background-image 300ms ease-in200ms;
-moz-transition-property: background-image 300ms ease-in200ms;
-o-transition-property: background-image 300ms ease-in200ms;
transition: background-image 300ms ease-in200ms;}

[GiuseppeWeb]

Fatto. Non funziona. Guardando in rete credo di aver capito il principio di massima col quale andrebbe realizzato.
In poche parole si dovrebbero usare due livelli e l'attributo opacity: 0 su uno dei due, che diventa opacity: 1 al passaggio del mouse.
Ho provato ad utilizzare gli esempi che ho trovato, ma combino qualche casino col codice e non funziona.
Avete quanche altro suggerimento?