problemi nel menu con IE

[warcomeb]

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:

.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

[fcaldera]

sinceramente il menu con Firefox3 ed Explorer6 mi sembra identico nei due browser

puoi indicare con una screenshot su IE6 quale sarebbe il problema che riscontri?

[warcomeb]

mi hai anticipato sul tempo... sono tre giorni che provo a risolvere questo problema e poco dopo che posto sul forum riesco a trovare la soluzione, infatti giusto 5 minuti fa ho caricato sul server la versione che mi funziona!!! chiedo scusa!!
scrivo comunque la soluzione, così potete dirmi se ho fatto una bruttura oppure se era la soluzione corretta!

In pratica ho aggiunto un altro blocco div all'interno di quello che conteneva il menu e proprio a questo ho aggiunto la larghezza che desideravo:

 <div id="menu">   
<div id="menu-int">    
<h2 class="pgNav">Red Dragon Menu</h2>     
<ul class="menuNavigazione"><li class="voceCorrente-no-sub">Home[*]Team[*]Ju-Jitsu[*]Agonismo[/list]
</div>   
</div>

dove:

#menu-int{ /* Blocco necessario per evitare i bachi di IE*/ 	
width: 748px; 
}

una schermata di quello che succedeva prima e dopo ve la mostro in figura.

scusate!

ps. ho fatto una bruttura?!? e poi perchè IE fa così? per il box model?

grazie


Marco