Bonjour

j'ai un souci avec hover que je n'arrive pas du tout à solutionner c'est pourquoi je me permet de poster.

je souhaiterais faire apparaître une div lorsqu'on survole l'image download.png avec la souris

voici mon html:
Code html : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<body>
<div id ="fiche" class="div_photo">
	<div id = "photo" >	
		<div id = "photo2" class ="div_reseaux_sociaux">	
			<div class="fb">Facebook</div>
			<div class="twitter">Twitter</div>
			<div class="linkedin">Linkedin</div>
		</div><!--photo2-->		
	</div><!--photo-->	
	<div id ="corps" >
		<div  class="menu"></div><!--menu-->
		<div id="pied">
			<a href="#" id="download" ><img src="download.png" class="dl"/></a>
			<a href="#" id="delete"><img src="delete.jpg"/></a>	
		</div>
		<div class="Ajouter_sur_fb"></div>
	</div><!--corps-->
</div><!--fiche-->		
</body>
voila ce que j'ai fais en css:
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
.menu{
	position:absolute;
	width:99.5%;
	height:76%;
	border:solid 3px yellow;
}
.menu:hover .dl{
	border:solid 5px blue;
}
or, la div n’apparaît pas quand je survole l'image !

pourtant j'ai fais la même avec succès chose juste avant :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
.div_reseaux_sociaux{
	display: none;
}
.div_photo:hover .div_reseaux_sociaux{
	display: block; 
}
Voila si quelqu'un pouvait m'aider çà serait grandement apprécié .
D'avance merci