Salve a tutti, siamo nella fase finale della realizzazione di un sito web in HTML5 ed è sorto un problema.

Abbiamo creato un menù classico:
codice:
<ul>[*]home[*]biografia[*]ecc..[/list]
Abbiamo poi creato dei pulsanti in Photoshop CS6 e le relative gif per animarli al passaggio del mouse.
Le animazioni le gestiamo col metodo onMouseOver in jQuery, però ci siamo fermati un gradino prima, ovvero non sappiamo come sostituire le voci di menù scritte con i nostri pulsanti.

Abbiamo provato a dare una classe ai list item e specificarne il background ma ripete lo stesso pulsante per la lunghezza del suo contenitore, e a dare un id ad ogni list item e il rislutato è lo stesso.

Ringraziamo in anticipo chi si interesserà!!