salve a tutti... è la prima volta che uso i CSS e forse quello che sto per chiedervi è banale!
ho pubblicato la mia prima prova su www.reddragonacademy.it
aprendo il sito con firefox non ci sono problemi, cioè:
nel menu la pagina corrente viene indicata con un quadrato grigio e senza una riga rossa sotto nel riquadro grigio (sto parlando di "Home") in modo tale da indicare che è presente un sottomenu... aprendolo con IE invece il riquadro grigio viene contornato con una riga rossa sotto!

vi riporto il codice necessario a generare il menu:
codice:
.menuNavigazione{ 	
width: 750px;
background:trasparent; 	
color:#F0F0F0; 	
margin:0; 	
padding:6px 0 5px 0; 	
border-bottom:1px solid #AA0000; 	
text-align:center; }  

.menuNavigazione li{ 	display:inline; }  

.menuNavigazione a{ 	
height:0; 	
padding:5px 12px; 
text-decoration:none; 	
font-weight: bold; }  

.menuNavigazione .voceCorrente a{ 	
border-right: 1px solid #AA0000; 	
border-left: 1px solid #AA0000; 	
border-bottom:none; 	
padding-bottom:6px; }  

.menuNavigazione .voceCorrente a:link, 
.menuNavigazione .voceCorrente a:visited, 
.menuNavigazione .voceCorrente a:hover, 
.menuNavigazione .voceCorrente a:focus, 
.menuNavigazione .voceCorrente a:active{ 	
background: #F0F0F0; 	
color: #AA0000; 	
font-weight: bold; 	
padding-bottom:6px; 	
border-bottom: none; }
mi sono accorto che questo problema si presenta quanto aggiungo nella classe .menuNavigazione la dichiarazione "width:750px" necessaria per far in modo che il bordo della stessa classe non vada a finire sopra lo sfondo laterale che fa l'ombra!

come posso risolvere il problema? cosa sbaglio???

greazie

warcomeb