fenêtres et macintosh montrent différemment une page

Question

je les suivantes http://jsbin.com/ojeja4/2/edit

Le bouton et la date d'expiration de travail correct dans les fenêtres, dans tous les navigateurs mais dans OS X dans Safari & Firefox (et peut-être d'autres) Je découvre que le bouton et la date d'expiration ne sont pas corrects.

Ci-dessous j'ont des écrans d'impression:

Windows - Firefox et tous les autres navigateurs

OS X - Firefox

OS X - Safari versions 3,4,5

Je ne comprends vraiment pas ce qui est le problème. J'ai essayé d'utiliser la position au lieu de la marge et du rembourrage mais le résultat reste le même. J'ai trouvé un script jquery et je used it, qui reconnaît le système d'exploitation et le navigateur, mais je ne vois pas la raison d'un problème de CSS pour utiliser un script jquery. Est-ce un problème commun entre windows et os x ou j'ai fait une erreur dans le code que je ne peux pas comprendre?

Merci

Answer 1

Il pourrait être à cause de la police. Vous utilisez Arial sur Windows et Helvetica sur Mac. Essayez d'utiliser une police système d'exploitation croisée. Ou peut-être quelque chose comme Google Font API.