ciao, mi ritrovo ancora una volta con un piccolo problema e mi chiedevo se ci fosse un qualche modo di risolverlo. Vorrei mettere un immagine di sfondo ai link in stato hover di un menu, ma non riesco a ottenere una compatibilità tra browser, come si fa a risolvere questo problema?
il menu è un classico div nav con ul e li e questo è il css che uso:
ho un risultato ottimale con ff, ma con ie mi appare un piccolo spazio in fondo, mentre in safari è piuttosto sballato in alto, non ho potuto testare in opera....codice:div#menu ul { list-style-type: none; float: right; margin-right: 0.5em; padding: 0.2em 0; } div#menu li { display: inline; } div#menu a { text-transform: capitalize; font: 1em Verdana, Arial, Helvetica, sans-serif; margin: 0 0 0 1em; padding: 0.3em 0.2em 0.2em; text-decoration: none; } div#menu a:link, div#menu a:visited, div#menu a:active { color: #e8e8e8; } div#menu a:hover { color: #333; background: url(../images/bgLinkMenu2.png) center left repeat-x;
grazie


Rispondi quotando