Bonjour à tous,

Je vien vous voir pour un petit problème que je rencontre avec CSS.

voici ma structure css :
Code : 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
a
{	
	text-decoration:none;
	color:black;
	word-spacing:4px
 
}
a:active
{	background:#FEF6DE	
	}
a:hover
{	position:absolute;
	top:60px;left:8px;
	width:85%;
	background:#F3EFCC;
	text-align:center;
	border:1px ridge black;
	z-index:1	
}
Ma structure HTML :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
<div class="test" >	 
	<span>
	<ul>
		<li>
		&int;&nbsp;&nbsp;<a href="histoire.htm" > Manoir<br></a></li>
      	<hr align="center" size="1">
		<li>
	 	&int;&nbsp;&nbsp;<a href="histoire.htm">Parc - piscine</a></li>
      	<hr align="center" size="1">
		<li>
		&int;&nbsp;&nbsp;<a href="histoire.htm">Histoire</a></li>
   </ul> 
   </span> 
</div>
Donc mon idée était de partir sur un lien :hover qui pouvais s'afficher autre part ...
Le lien s'affiche bien autre part mais le lien devient instable ! certe, le lien disparaît quand je vais dessus ( normal ! ) mais le problème est qu'il est dur de cliquer dessus !

J'aimerai savoir s'il y a un moyen ( avec CSS ) de transformer ça proprement ( sans la disparition et l'instabilité du lien ) ?

Merci pour vos réponses