Menu en css

bonjour,

j'ai réalisé un menu en css, qui fonctionne bien.
Avec les styles, je cache les sous-menus et ne les affiche que quand leur parent est actif.

j'ai un petit souci avec le 3ème niveau, qui prend la même forme que le 2ème, malgré un style créé pour lui.

voici les pour ces deux niveaux:

/* second niveau*/
#navigation ul li ul li a {
	display:block;
	color: #000;
	background-color:#CCC;
	padding-left:10px;
	margin-top:1px;
	font-weight:normal;
}
#navigation ul li ul li a:hover {
	display:block;
	color: #f28c00;
	background-color:#CCC;
	padding-left:10px;
	margin-top:1px;
}
#navigation ul li ul li.active a {
	display:block;
	color: #f28c00;
	background-color:#CCC;
	font-weight:bold;
	margin-top:1px;
	}
/* 3eme niveau */
#navigation ul li ul li ul li a {
	color: #000;
	padding-left:20px;
	font-weight:normal;
	}
#navigation ul li ul li ul li a:hover {
	color: #f28c00;
	padding-left:20px;
	font-weight:bold;
	}
#navigation ul li ul li ul li.active a {
	color: #f28c00;
	padding-left:20px;
	font-weight:bold;
	}

si quelqu'un a une idée...

Merci!

trouvé,

il me manquait une ligne pour le 3ème niveau quand le 2ème est actif:

#navigation ul li li.active li a{
	color: #000;
	padding-left:20px;
	font-weight:normal;
}