[Un autre] problème de menu css :(

Bonjour,
Je vous écris encore une fois à propos d'un menu déroulant en code css (et oui, je sais que j'ai déjà un post là-dessus en cours, mais ce n'est pas le même problème!). Voilà, j'ai un menu déroulant que je me suis fait et que j'utilise depuis quelques temps déjà. Et, jusqu'à tout récemment, tout allait bien. Par contre, depuis quelques jours, je n'arrive plus à lui faire afficher les sous-catégories correctement. Je m'explique : le menu est à l'horizontal, avec le déroulement vertical sous les onglets lors du survol de ces derniers. De plus, c'est un menu déroulant à 3 niveaux : le premier est toujours visible; le second (premier « sous-menu ») est visible en-dessus lorsqu'on passe le curseur sur la catégorie désirée; et le troisième niveau (deuxième « sous-menu ») est accessible via certains sous-menus du niveau 2, toujours lorsqu'on passe le curseur dessus.

C'est ce troisième niveau qui me pose un problème : il ne s'affiche pas lorsque le curseur passe au-dessus des sous-menu de niveau 2 qui devraient afficher le niveau 3. Par contre, tout le reste marche (tous les sous-menus de 2e niveau; couleurs et tout le reste)... je trouve donc bizarre que seulement les sous-menus du niveau 3 ne s'affichent pas, et j'ai regardé mon code, sans résultats, je ne sais trop où donner de la tête.

Voilà, je vous colle un code de ce menu, ainsi que celui des styles qui s'occupent de le faire fonctionner. Voici le code du menu lui-même :

<div id="monmenu2">
<ul class="niveau1">

<li><a href="#" class="site" title="Le site"><span class="sitedisplace">Le site</span></a>
	<ul class="niveau2">
	<li><a href="#" class="lienmenu">Home Page</a></li>
	<li><a href="#" class="lienmenu">Introduction</a></li>				</ul>
	</li>
			
	<li><a href="#" class="actu" title="Le site"><span class="actudisplace">Actu</span></a>
	<ul class="niveau2">
	<li><a href="#" class="lienmenu">News</a></li>
	<li><a href="#" class="lienmenu">Archives</a></li>
	</ul>
</li>
			
	<li><a href="#" class="equipe" title=" "><span class="equipedisplace">Équipe</span></a>
	<ul class="niveau2">
	<li class="plus"><a href="#">Biographie</a></li>
		<ul class="niveau3">
		<li><a href="#" class="lienmenu">Histoire</a></li>
		<li><a href="#" class="lienmenu">Persos</a></li>
		</ul>
					
		<li class="plus"><a href="#" class="lienmenu">Runs</a></li>
		<ul class="niveau3">
		<li><a href="#" class="lienmenu">Jours</a></li>
		<li><a href="#" class="lienmenu">Endroits</a></li>
		<li><a href="#" class="lienmenu">Serie</a></li>
		</ul>
					
	<li class="plus"><a href="#" class="lienmenu">Video</a></li>
		<ul class="niveau3">
		<li><a href="#" class="lienmenu">Clips</a></li>
	<li><a href="#" class="lienmenu">Tutoriels</a></li>
		</ul>					
									
	</ul>
	</li>
			
			
	<li><a href="#" class="multimedia" title="Media"><span class="multimediadisplace">Multimedia</span></a>
	<ul class="niveau2">
	<li><a href="#" class="lienmenu">Images</a></li>
	<li><a href="#" class="lienmenu">Presse</a></li>
	<li><a href="#" class="lienmenu">Logos</a></li>
	<li><a href="#" class="lienmenu">Jeux</a></li>
	</ul>
	</li>
			
	<li><a href="#" class="interactif" title="Interactif"><span class="interactifdisplace">Interactif</span></a>
	<ul class="niveau2">
	<li><a href="#" class="lienmenu">Forum</a></li>
	<li><a href="#" class="lienmenu">Livre dor</a></li>
	<li><a href="#" class="lienmenu">Sondages</a></li>
	</ul>
</li>
			
				

</ul>
</div>

Et le code CSS, situé dans une feuille de style externe, qui permet d'éditer et de faire fonctionner le menu :

#monmenu2 {
		font-family: arial, verdana, sans-serif;
		font-size: 85%;
		font-weight:bold;
		}

#monmenu2 ul {
		margin:0px; 
		padding: 0px;
		}		
		
#monmenu2 ul ul {
		display: none; 
		position: absolute; 
		margin:0px; 
		padding: 0px; 
		border: 1px solid red;
		}
		
#monmenu2 ul.niveau2 {left: 0px; top: 26px;} 	
#monmenu2 ul.niveau3 {left: 160px; top: -1px;}

#monmenu2 li {
		list-style-type: none; 
		position: relative; 
		width: 100px; 
		padding: 0px; 
		margin: 0px; 
		float: left; 


		border: 1px solid red;
		
		}

#monmenu2 li:hover {
			background-color: green; 
			border: 1px solid BLUE;
			}
			
#monmenu2 li.sfhover {
			background-color: green; 
			border: 1px solid BLUE;
			}

#monmenu2 li a {text-decoration:none;}

#monmenu2 li:hover ul.niveau2, #monmenu2 li li:hover ul.niveau3, #monmenu2 li.sfhover ul.niveau2, #monmenu2 li li.sfhover ul.niveau3 {display:block; background-color: yellow;}

#monmenu2 li.plus {background-position:right; background-image: url(rightarrow2.gif); background-repeat: no-repeat;}

#monmenu2 ul ul li{  
	margin:0px; 
	padding: 0px;  
	width: 150px; 
	background-color: #A9A9A9;
	text-align: left;
	border: 1px solid pink;
}


/* **Ci-dessous sont les codes pour que le bouton change lorsqu'il y a un rollover dessus (tout en CSS, de par les liens)** */

a.site { 
	display: block;
	width: 100px;
	height: 25px;
	text-decoration: none;
	background: url("../../site5.png");     } 
	
a.site:hover {
	background-position: -100px 0;     } 
	
.sitedisplace {     position: absolute;     left: -5000px;     }

a.actu { 
	display: block;
	width: 100px;
	height: 25px;
	text-decoration: none;
	background: url("../../actualite5.png");     } 
	
a.actu:hover {
	background-position: -100px 0;     } 
	
.actudisplace {     position: absolute;     left: -5000px;     }

a.equipe { 
	display: block;
	width: 100px;
	height: 25px;
	text-decoration: none;
	background: url("../../groupe5.png");     } 
	
a.equipe:hover {
	background-position: -100px 0;     } 
	
.equipedisplace {     position: absolute;     left: -5000px;     }

a.multimedia { 
	display: block;
	width: 100px;
	height: 25px;
	text-decoration: none;
	background: url("../../multi5.png");     } 
	
a.multimedia:hover {
	background-position: -100px 0;     } 
	
.multimediadisplace {     position: absolute;     left: -5000px;     }


a.interactif { 
	display: block;
	width: 100px;
	height: 25px;
	text-decoration: none;
	background: url("../../interactif5.png");     } 
	
a.interactif:hover {
	background-position: -100px 0;     } 
	
.interactifdisplace {     position: absolute;     left: -5000px;     }


/* Liens du menu */

a.lienmenu {
	color:black;
	text-decoration:none;
}

a.lienmenu:visited {
	color:black;
	text-decoration:none;
}

a.lienmenu:hover {
	color:gold;
	text-decoration:none;
}

Voilà ce que j'ai pour le moment.... je sais que ça peut paraitre gros (en tout cas moi je sais plus où chercher!) mais j'espère (je suis sûr!! ^^) que quelqu'un ici pourra arriver à résoudre ce problème. La seconde partie (les boutons qui changent) a été ajoutée récemment... alors c'est peut-être à cause d'elle que ça s'est mis à ne plus fonctionner sans que je m'en apperçoive, mais je n'en sais trop rien. Et si c'est ça, comment pourrais-je faire pour concilier tout ça pour que mon menu (re-)marche!? :)

Merci beaucoup... si vous avez des questions allez-y, je vais faire mon possible!!