Xmap - Joomla! - CSS Display:none/block;

Bonjour,

J'utilise Joomla! 1.5 avec le module Xmap.

J'ai une hiérarchie de type :

level_0 > level_1 > level_2 > level_3

Je ne touche qu'à la feuille CSS.

J'ai amélioré le code CSS afin que ma hiérarchie se développe au survol de la souris.

Cependant, quand je pose ma souris sur level_0, j'ai TOUS les level_1 qui se développent.

Exemple :

1] Entrées 
	1)Froide 
		a)Salade 
		b)Autres 
	2)Chaude 
		a)Quiches 
		b)Feuilletés 
2] Plats 
	1)Fromage 
		a)Gratins 
		b)Fondues 
	2)Viande 
		a)Boeuf 
		b)Porc 
3] Desserts 
	1)Salé 
		a)Légumes 
		b)Crèpes 
	2)Sucré 
		a)Chocolats 
		b)Glaces 

Je pose ma souris sur 1]Entrées, j'ai tous les 1) et 2) qui se développent, y compris ceux de Plats et Desserts.

Voici mon code CSS :

.xmap ul.level_0 ul.level_1 {
display:none;
}
.xmap ul.level_1 ul.level_2 {
display:none;
}
.xmap ul.level_2 ul.level_3 {
display:none;
}


.xmap ul.level_0:hover ul.level_1{
	display:block;
}
.xmap ul.level_1:hover ul.level_2{
	display:block;
}
.xmap ul.level_2:hover ul.level_3{
	display:block;
}

Hiérarchie HTML :

<ul class="level_0">
	<li>
		<ul class="level_1">
			<li>
				<ul class="level_2">
					<li>
						<ul class="level_3">
							<li>
								<a href="http://blabla.fr/Divers">Divers</a>
							</li>
						</ul>
					</li>
				</ul>
			</li>
		</ul>
	</li>
</ul>

Ma question est donc :

Comment développer uniquement en dessous du level survolé, sans changer le nom des classes ?

ps : J'ai essayé avec les ">" et "+" dans le CSS, rien ne fonctionne.

Comment faire ?

Merci !



--
~ J'ai réussi car je ne savais pas que c'était impossible ~