[Résolu] DIV qui s’affiche au survol d’un item avec 2 liens dans le DI

Dans l’exemple ci-dessous, le lien "page 1.html" affiche le page 2 au lieu de la page 1, le lien "page2.html" affiche la page 2.
Quelque soit le lien cliqué, c’est toujours la page du dernier qui s’affiche.
Comment afficher la page 1 ?

<li> <a href="">item d'un menu vertical</a>
	<div>
		<a href="page1.html"><p>texte1</p></a>
		<a href="page2.html"><p>texte2</p></a>
	</div>
</li>

Modifié par 6l20 (22 Sep 2013 - 10:35)

Bonjour mulosi,

Est-il possible de constater le problème en ligne ?
En l'état, nous n'allons pas pouvoir te dire grand chose, mis à part qu'il n'est pas autorisé de mettre des paragraphes dans des liens, mais ce n'est pas cela qui créer le problème que tu décris

url du site http://www.stopgagnant.com
J’ai continué les recherches et suis arrivé à un résultat certainement par très orthodoxe.
Apparemment le problème doit provenir d’une succession de liens, j’ai
1- positionné les liens du DIV en face de l’item,
2- encapsulé les liens dans des boutons avec une class différente par bouton,
3- défini une hauteur de bouton suffisante, supérieure à la hauteur de l’item.
Quelle solution aurais je du retenir ?
merci pour votre aide

je viens d'obtenir un résultat acceptable qui correspondant mon attente

les liens restent encapsulés dans des boutons, lesquels sont en position: absolute au lieu de relative.
les boutons peuvent être positionnés dans n'importe quel endroit du DIV