Probleme de survol dans un menu

bonjour,
pour mon menu je souhaite que lorsque je survol un lien faire apparaitre une image au dessus.
le soucis c'est que sous FF sa ne fonctionne pas l'image n'apparait pas.
pourriez vous me dire ou je me suis trompé ?

/*/////////////////////////////////////
		    Le menu
/////////////////////////////////////*/
ul#menu { background: url(../images/bas-menu.png) center bottom no-repeat;
	margin:0 auto;
	padding:0 10px 0 10px;
	list-style-type:none;
	width:880px;
	position:relative;
	display:block;
	height:65px;
	font-size:16px; font-family:"Times New Roman", Times, serif; 
	float:left;
	
}
ul#menu li {
	display:block;
	float:left;
	text-align:center;
	margin:0 6px;
	padding:0; width: auto;
}
ul#menu li a {
	display:block;
	color: #FFFFFF;
	text-decoration:none;
	height:50px;
	line-height:80px;

}
ul#menu li a:hover {
background:url(../images/montagne.png) top no-repeat center;
	color: #666600;
}
ul#menu li a:active{
	display:inline;
	margin:0;
}

merci

Bonjour,

Avant de se pencher sur le problème poser, je pense qu'il serait bon de faire un peu de nettoyage dans le code présenté :

Il est inutile d'indiquer des display: block sur des éléments dont le rendu est déjà de type block par défaut (ul, li) ou sur des éléments étant placés en flottant.

Par ailleurs, le positionnement me semble superflu...
Enfin, pourquoi changer de brusquement le rendu du lien à l'état actif ?