menu con css display block

[max103]

ho un piccolo menù (vedi immagine allegata)

questo è il css:

/*A*/ .navright li.a a:link, .navright li.a a:visited { 	display:block; 	padding:50px 20px 20px 0px; 	background:url(../img/pulshom_ico1.jpg) no-repeat; 	color:#DDDDDD; } .navright li.a a:hover { 	color:#666666; }

al mouse over la scritta cambia colore, il quadratino grigio è una foto che rimane invariata

domanda:
su FF tutto ok,
su IE fa il mouse over solo sul testo, non considera lo spazio occupato dal padding. c'è un modo per ovviare a questo?