Menu déroulant suite

Bonjour Mikachu, d'abord merci pour "ta réponse", ...
Il est vrai qu'hier je n'ai pas donné beaucoup d'éléments ; Voilà je viens de créer mon premier site (je précise que ce site est pour l'asso ou je boss...), j'ai saisi l'importance du contenu (html) et du contenant (Css), c'est donc cette méthode que j'ai choisi. Je donne, ci-dessous la partie du code, qui correspond au menu déroulant, (html et Css). Je précise que le fichier css est externe, mais là n'est pas le problème... Mon menu fonctionne mais il passe en arrière-plan (sur ie 7) et il ne fonctionne pas avec Firefox ... Et j'ai été obligé de préciser la hauteur du menu (#menu {width: 786px; height: 29px;}, car sinon lorsqu'il se déroulait, il "poussait "mon "bloc" principal... (Toujours aussi novice sur l'utilisation d'un forum, j'espère que c'est comme ça, que l'on transmet du code...).

<ul id="menu">
			<li>
				<a href="index.html">Accueil</a>
			</li>
	
			<li>
				<a href="association.html">Association</a>
			</li>
			
				<ul class="ssmenu">	
					<li>
						<a href="president_fondateur.html">Le mot du Président fondateur</a>
					</li>
				</ul>
		
			<li>
				<a href="foyer.html">Etablissement</a>
			</li>
			
				<ul class="ssmenu">	
					<li>
						<a href="intendance.html">L'intendance</a>
					</li>
					<li>
						<a href="#">L'organigramme</a><!--a completer-->
					</li>
					<li>
						<a href="#">Les locaux</a><!--a completer-->
					</li>
					<li>
						<a href="#">Situer le foyer</a><!--a completer-->
					</li>
				</ul>
		
			<li>
				<a href="admission.html">Règles</a>
			</li>
			
				<ul class="ssmenu">	
					<li>
						<a href="couts.html">Les coûts</a>
					</li>
					<li>
						<a href="ressources.html">Les ressources du résidant</a>
					</li>
					<li>
						<a href="projet.html">Le projet individuel</a>
					</li>
					<li>
						<a href="participation.html">La participation du résidant à la vie de l'établissement</a>
					</li>
					<li>
						<a href="droits.html">Les droits et devoirs du résidant et de sa famille</a>
					</li>
				</ul>
		
			<li>
				<a href="activites.html">Occupations</a>
			</li>
			
				<ul class="ssmenu">	
					<li>
						<a href="tps_activites.html">Les temps d'activités</a>
					</li>	
					<li>
						<a href="tps_familiaux.html">Les temps familiaux</a>
					</li>	
					<li>
						<a href="week_ends.html">Les week-ends et sorties</a>
					</li>	
				</ul>
		
			<li>
				<a href="chartes.html">Annexes</a>
			</li>
			
				<ul class="ssmenu">	
					<li>
						<a href="projet_asso.html">Le projet associatif</a>
					</li>
					<li>
						<a href="cvs.html">Extrait du Règlement du conseil de la vie sociale</a>
					</li>
				</ul>
			</ul> 

#menu {
	width: 786px;
	height: 29px;
	list-style-type: none;
	margin: 0;
	padding: 0;
	border: 0;
	font-family: arial;
	font-size: 16px;
	text-align: center;
	color: #ffffff;
}

#menu li{
	float: left;
	width: 131px;
}

#menu .ssmenu {
	display: none;
	margin: 0;
	padding: 0;
	border: 0;
}

#menu .ssmenu li {
	float: none;
	width: 131px;
}

#menu li a:link, #menu li a:visited{
	display: block;
	color: #ffffff;
	background: #5a4fb7;
	margin: 0;
	padding: 4px;
	border : 1px solid #ffffff;
	text-decoration: none;
}

#menu li a:hover{
	background-color: #f2462e;
}

#menu li a:active{
	background-color: #5f879d;
}

#menu .ssmenu li a:link, #menu .ssmenu li a:visited{
	display: block;
	color: #ffffff;
	text-decoration: none;
	background: #5a4fb7;
}

#menu .ssmenu li a:hover{
	background-image: none;
	background-color: #f2462e;
}

#menu li:hover > .ssmenu {
	display: block;}

Modifié par badsound (14 Aug 2007 - 09:44)

Complément : Voici ce que ça donne (je précise que ce n'est pas la tête de mon président.....lol) ce site n est pas encore en ligne, ici j'apprends et je crée, ce qui n'est pas évident (la mienne de tête, va exploser...), mais il est important pour moi de comprendre ce que je fais !
Modifié par badsound (14 Aug 2007 - 09:54)