CSS Sliding doors trouble

Question

J'ai quelques problèmes mineurs avec mes portes coulissantes CSS sur mon site Web. Ils semblent bien sur les résolutions inférieures, mais des résolutions plus élevées semblent rendre le bouton plus grand et donc causer les boutons: l'état du hover ne fonctionne pas comme il se doit.

Vous pouvez voir le problème dans la partie droite de la barre d'en-tête ici (Connexion/Enreg Boutons): http://www.bituser.com/forum/home.php

J'ai essayé plusieurs solutions telles que l'utilisation de différentes tailles pour les polices et changer la façon dont les polices sont mesurée, mais j'ai le sentiment que je vais à ce sujet dans le mauvais sens.

Voici un JSfiddle: http://jsfiddle.net/bituser/vkMEg/1/ (Il ne semble pas tout à fait juste là-bas, mais vous devriez voir la majorité du code utilisé sur le site).

Answer 1

Vous venez de charger l'une des images.

Vous avez:

#user_buttons_right_header span { 
    background: url("./styles/prosilver/theme/images/button_left.png") no-repeat scroll left top transparent; 
    padding: 1px 10px 4px; 
} 

Vous devriez avoir

#user_buttons_right_header span { 
    background: url("http://www.bituser.com/forum/styles/prosilver/theme/images/button_left.png") no-repeat scroll left top transparent; 
    padding: 1px 10px 4px; 
} 

Vous avez oublié de faire toutes les images de fond ont un chemin absolu. Sauf une police tout semble bien se passer.

EDIT:

IMHO le problème peut résider dans la ligne de hauteur qui doit être mis en pixels.