Anathomy menu (graphique 8 cranium de la galerie des menus)

Bonjour,

Voici le lien:
http://css.alsacreations.com/modelesmenus/g08.htm

Dans Firefox, en pointant sur les points, le texte qui s'affiche tremble.
Dans IE, pas de problème.

Bizarre, quelqu'un sait pourquoi ?

Merci et bonne journée

Salut,

Sans doute que le lien se décalle légerement faisant sortir FF de la pseudo-classe hover qui la replace au bonne endroit, FF rentrant alors encore hover et ainsi de suite

Comme ça m'intriguait (et m'intrigue toujours d'ailleurs), j'ai testé quelques trucs et je suis tombée sur quelque chose qui fonctionne sans que je sache pourquoi (trop novice peut-être... ou trop crevée).

Voici un aperçu du code modifié:

/* the following rules set position for tooltip boxes */
li>a.menu1:hover span  {
	top:-50px;
	left:160px;
	}
</style>

<!--[if lte IE 6]>
<style type="text/css">	
a.menu1:hover  {
	border:none;
	top:70px;
	left:185px;
	}
</style>
<![endif]-->

J'ai remplacé

a.menu1:hover

par

li>a.menu1:hover span

en changeant les valeurs top et left.

Il a alors fallu enlever le

border:none;

parce qu'il n'y avait plus de bordure dans FF.

Puis j'ai ajouté le

<!--[if lte IE 6]>

parce que ça ne fonctionnait plus sous IE.

Je n'ai pas essayé sous d'autres naigateurs.

Merci pour vos avis.