Salve a tutti,

sono ore che perdo la testa per risolvere questo problema e non riesco; a questo punto ho deciso di chiedere aiuto a voi.

In una pagina web ho una lista, per ogni voce della lista vi è un pulsante
codice:
background:url(img/clickoff.jpg) no-repeat;
Il problema è Internet Explorer.
In tutti i browser riesco a vedere questi pulsanti e all'interno il link di riferimento, TUTTI eccetto Internet Explorer.

Il codice utilizzato nei CSS è questo

codice:
#menu li a:link, #menu li a:visited { 
color:#000; 
display:block; 	
background:url(img/clickoff.jpg) no-repeat; 	
background-repeat:no-repeat; 	padding: 20px 0 10px 10px;
 } 
 #menu li a:hover { 	color: #666666; 
background:url(img/clickon.jpg) no-repeat; 	
background-repeat:no-repeat; 	
padding: 20px 0 10px 10px; 
} 	
 #menu li a:active { 	
color: #666666; 	
background: url(img/clickon.jpg) no-repeat; 	
background-repeat:no-repeat; 	
padding: 20px 0 10px 10px; 	
}
Il codice utilizzato nel file html invece è questo:

codice:
<div id="menu"> 		
<ul> 		[*]Home[/list]</div>
Potreste aiutarmi a risolvere il problema.
Vi ringrazio anticipatamente.