marge comportement étrange avec Sifr couvre en lien (écrans)

Question

Je fais un menu et il est censé ressembler photo n ° 1 surthis link.

Cependant, en ce moment, il ressemble à image n ° 2.

Il n'y a pas de logique dans ce comportement, puisque les trois éléments ont les mêmes attributs CSS. De plus, changeons le mot "Reiki" en "Psychotherapie" et voyons ce qui se passe ... (image nr 3)

Pour une raison quelconque, le mot "Reiki" ignore certains attributs. Ce n'est pas un problème quand Sifr est éteint. Je suppose que j'ai besoin de CSS supplémentaire pour résoudre ce problème (jouer avec des paddings, des hauteurs ou des marges sur cet élément spécifique ne donne aucun résultat.

À moins que quelqu'un ne connaisse une solution plus élégante?

Answer 1

I résolu en ajoutant

.sIFR-active .btns a span{letter-spacing: 0.3em; padding-top: 25px; display: block; float: right;} 

à sifr.css. Comme je m'y attendais vaguement, c'était un numéro d'espacement des lettres. Mais ce n'était pas vraiment reconnaissable dans cette apparence. En plus du problème précédemment décrit, ça s'est bien passé dans Firefox mais pas dans IE. Avec le code ci-dessus ajouté à sifr.css tout semble bien dans les deux navigateurs.