Problemi menù

[b.webmaster]

Ciao a tutti!
Sto facendo un sito web HTML+CSS e con Firefox va tutto bene ma con Internet Explorer no.
Praticamente dovrebbe esserci una scritta con l' effetto ombra e un' immmagine come Background ma risulta l' effetto ombra all' immagine di sfondo e non la scritta!

posto il foglio di stile:

div#menu{ 	
float:left; 	
width: 202px; 
filter:
                  progid:DXImageTransform.Microsoft.Shadow(color=#000000,direction=0,strength=5)

progid:DXImageTransform.Microsoft.Shadow(color=#000000,direction=90,strength=7)    

progid:DXImageTransform.Microsoft.Shadow(color=#000000,direction=180,strength=7) 

progid:DXImageTransform.Microsoft.Shadow(color=#000000,direction=270,strength=5);
 	 	
}  
div#menu ul{ 	
list-style-type: none; 	
margin: 0;
padding: 0; 	
width: 202px;	 	
}  

div#menu li{ 	
margin: 0 0 3px; 	
padding: 0; 	
width: 202px; 	
background: url("background.png") no-repeat top left;	 	
}
  
div#menu a{ 	
display: block; 	
width: 200px; 	
text-align: left; 	
line-height: 40px; 	
text-decoration: none; 	
font-size: 35px; 	
text-indent: 30px;     
color: #14175d; 	
font-family:"Monotype Corsiva"; 	
} 	 

div#menu a:hover{     
background: url("background.png") no-repeat top left; 	
color: #e1ce72 	
} 	 	

 div#menu li#activelink a,div#navigation li#activelink a:hover{    
 background: url("background.png") no-repeat top left; 	
color: #e3c94c 	}

Grazie

[b.webmaster]

up

[mucu]

prova ad applicare l'effetto a div#menu a{ }
invece che al div#menu