Anzitutto evita di usare tag deprecati (il tuo <i>): non sai mai come verranno interpretati dai vari browser.
Se proprio, dal punto di vista semantico dovresti usare uno <span>.

Comunque nel tuo caso non serve. Basta che metti l'immagine nello sfondo del <li> senza ripeterlo.
Poi devi settare anche un padding-left sufficiente per lascaire lo spazio dell'immagine (e questo risolve il problema di cui alla tua richiesta)