ciao a tutti,
ho creato un template grafico x il mio sito joomla che prevede un top menu messo in orizzontale.
il menu ha un immagine di sfondo con una sfumatura, e fin qui tutto ok.
il problema nasce nel momento in cui cerco di inserire un immagine che separi un link da un altro.

per fare questo ho inserito il seguente codice
codice:
[img]images/stories/menu_separator.jpg[/img]
come separatore di spazio nella gestione del modulo "top menu".

cosa succede:
la separazione avviene correttamente ma il testo contenuto tra un separatore e l'altro viene spostato tutto sul findo della cella, facendo tra l'altro esplodere in altezza la cella stessa.

le ho provate tutte...
ho messo all'immagine "separator" il float, poi l'ho messa in un div sempre con il float... niente da fare...
il testo del menù ha sia il vertical-align che il text-align settato correttamente ma purtroppo non viene assolutamente rispettato....

come posso fare?

vi posto un immagine che chiarisce meglio il problema:



ci sto perdendo tempo da giorni su sta fesseria, ma è davvero importante x far quadrare
il template...
ringrazio in anticipo chiunque saprà tirarmi fuori da sta situazione!

grazie mille
citrus