Ajustement menu dans FF

Bonjour,

Le menu de cette page :
http://connaissances.org/site2/
fonctionne exactement comme je le veux. Je sais que l'on doit d'abord travailler sur les navigateurs comme FF mais il fonctionne parfaitement et par hasard sur IE6en premier.

Je voudrais que l'espace en rouge entre le menu principale et les sous menus se comporte exactement dans FF comme sous IE?

Est-c que quelqu'un peut m'aider à rouver la modification à faire au code css obtenir le même résultat dans FF ?

Merci,
GJ

Bonjour,

Il suffit de transférer la bordure rouge sur les li:hover de premier niveau :

 
#menu ul li:hover {
     border-right: 4px solid #f00;	 
}	 
#menu ul li li:hover {
     border-right: 0;	 
}

...

#menu ul li ul li a:hover {
  border-right-width: 0;
}

Puis de ré-adapter pour IE.

(Bouh ! L'affreux code de menu que voilà ! )
Modifié par Laurent Denis (23 Jul 2006 - 08:13)

Bonjour Laurent,

J'ai essayé les codes suggérés mais je reste dans le cirage. Je perd ce qui est acquis dans IE6 et ça ne corrige pas dans FF.

Je sais qu'Il doit être affreux mon code de menu. Je suis un débutant et je dois réussir selon la charte graphique qu'on ma donnée.

J'avais oublié dans mon précédent message de donner les liens pour les css.

Les voilà :
http://connaissances.org/site2/web.css
et
http://connaissances.org/site2/css/flyout_ie.css

Merci,
GJ