Ciao Ragazzi!
Sono alle prese con un menu che mi sta creando parecchi grattacapi: riguarda la pagina dei 'corsi' del sito di una scuola di musica: dal design ho previsto sotto la navigazione principale una lista dei corsi insegnati: un menu fluido formato da 3 righe, 4 elementi per riga. Il problema è che non tutti gli elementi hanno la stessa altezza. Vorrei centrare il link all'interno del'elemento[*], ma non riesco a disporli correttamente: ho provato col float, ora col display:inline, c'è qualche errore che non individuo!
Vorrei che apparissero in questo modo , ma per ora i risultati deludono parecchio, ecco una prova online

Sotto il codice responsabile:

codice:
ul.item_corsi {
	width: 60em;  	
	margin: 0; 
	padding: 0; 
	list-style: none;	
	}


ul.item_corsi li { 	
	display:inline;
	width: 25em; /*240 / 960 */   
	
	}	

ul.item_corsi li a {
	font: normal 1.43753em/1 sketch_rockwell, serif;
	color: #0a505c; 
	text-transform: uppercase;   
	display: inline-block;
	border: 1px solid white;  	
	height: 60px;
	margin: 0 auto; 
	text-align: center; 
	}
Grazie per qualunque aiuto!