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:
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;
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....
grazie