Problème css sur google chrome et IE mais pas sur Mozilla

Voilà, mon problème est légèrement subtile. Je m'explique, je n'utilise pas de logiciel de versionning comme github, je pense m'y mettre car j'ai un "bug" en css et je ne sais pas du tout d'où ça vient:

http://battlelegends.fr/list/players

Comparez cette page avec chrome et mozilla.

Vous voyez les icônes sociaux (facebook, twitter,youtube, twitch) ils sont décalés sur chrome et sur IE mais pas sur Mozilla, et je ne sais pas du tout pourquoi ! Ce n'était pas décalé il y a deux semaines et je ne crois pas avoir modifié mon fichier css depuis. C'est un léger problème qui m'embête surtout que sur cette page: http://battlelegends.fr le décalage n'est pas présent alors que les deux pages utilisent sensiblement les mêmes fichiers css.

Merci à vous !
Modifié par Brotoxic (21 Dec 2015 - 17:27)

Bonjour,

Les liens qui contiennent tes icônes ont 3 padding-top déclarés:
dans

.brands-sm > li > a

, dans

.jumbotron-panel .brands li a

et dans

.brands > li > a

Retire ces paddings et donne aux "<i>" contenus dans les liens un line-height de 35px qui est le diamètre des cercles.
NB: Ceci n'est pas un ordre, juste un conseil.
Modifié par loicbcn (22 Dec 2015 - 09:14)