Effet de transition qui décale l'icône vers le bas

[Cædes]

Bonsoir,
Je cherche à utiliser un effet de transition sur mes icônes de staff, pour une future page d'accueil : au passage de la souris sur l'icône "diminuée", l'icône reprend sa largeur d'origine et le texte apparait. Vous pouvez voir l'effet sur mon forum de test. Comme vous pouvez le voir si vous passez donc la souris sur l'icône, tout fonctionne sauf que l'image se décale de 50px vers le bas sans mon accord èé J'ai beau tourné mon css dans tous les sens, le décalage persiste.

Ça ne peut pas venir de l'apparition du texte, parce que j'utilise le même effet pour mes catégories et il n'y a aucun problème. Donc, ça dépend de la transition qui gère la largeur de l'icône. Mais impossible de trouver le bug, doooonc j'en viens vous supplier de m'aider. Peut-être qu'un regarde extérieur verra où est le problème.

Edit : Je viens de capter que je n'ai ce bug que sur GoogleChrome. Or, c'est mon navigateur principal =/

Mon code CSS donc :

Code:

Code retiré

Merci d'avance !

[Ninel]

C'est normal. Dans votre CSS, vous lui demandz de descendre dans sa transition. Il faut tout simplement modifier l'effet de transition.

[Cædes]

Bonjour Ninel,

là, il va falloir développer. Je ne lui demande pas de descendre dans la transition mais de passer de 50px à 100px de largeur. Je ne vois donc pas de quoi tu parles.

[Ninel]

Tu pourrais me donner ton code HTML pour que je test ?

[Cædes]

En fait, j'ai trouvé. J'ai simplement rajouté un vertical-align: top; à mon inline-block.
Merci quand même.