Largeur de 100% sur le type d'entrée Soumettre par rapport au texte de type d'entrée

J'ai un formulaire de connexion qui est conçu pour avoir les zones de texte et le bouton soumettre extensible à 100% de la taille du récipient. C'est un liquide mobile, mise en page, mais mon jsbin exemple ci-dessous a fixe la taille du conteneur pour les besoins de la démonstration.

http://jsbin.com/ozutoq/9

Dans IE7, IE8, FF 4, Safari - tous rendre sur le bouton soumettre un peu plus court que les zones de texte. Firebug mise en page de l'outil montre les zones de texte à 500px de large, mais le bouton soumettre au 498px de large. Dans mon exemple, le bouton soumettre est 6px maigres. Comment puis-je résoudre ce problème de sorte qu'il prend toute la largeur?

Mise à jour

J'ai fait un autre test en définissant une largeur fixe sur les entrées. Il semble que le bouton submit ne suit pas le modèle de boîte. J'ai utilisé un 100px de largeur, et il a montré 98px + 2px frontières, tandis que les zones de texte ont montré 100px de largeur + 2px aux frontières.

Donc, je suppose que la question est comment puis-je gérer cela à un design fluide? -1px droite et à gauche de rembourrage sur les boutons ne semble pas fonctionner, et la conception des appels pour un 1px frontière sur le bouton! Vais-je avoir recours à des js?

source d'informationauteur ScottE | 2011-07-08