compatibilità tra browser per image bg stato hover di menu nav

[gabar-el]

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:

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

[gengix]

prova ad azzerare i margini e i padding generali.
Inoltre prova a far diventare i link elementi di blocco.

[gabar-el]

grazie, sono riuscito, ma aggiungendo anche un line-height ai link della stessa misura del div nav, così li ho piazzati esattamente al centro e allo stesso tempo ho dato termine in alto e in basso all'immagine in background, che appunto così non va oltre quegli spazi....
ciao