隣同士の入力には可変位置があります

右側のログインフォームはFirefox（そしてIE6）でもうまく見えますが、IE7 +またはchrome/chromiumで見るとサイズの違いがあります。

これは実際のサイズの違いではありませんが、一部の入力が他の入力より低く配置されて錯覚し、divをオーバーフローさせてそれらをカットしてしまいます。

firefoxesの点線のような目に見えない値かもしれないと思っていましたが、outline: noneを設定しても動作しません。

私は一日中デバッグしていますが、なぜ動作していないのか分かりません。

編集：スクリーンショット

enter image description here

2012-02-23 J V

問題を修正します（しかし、私はまだ最初の場所でそれを引き起こしたのか分からない、奇数）トップへの入力にvertical-alignを設定します。スクリーンショットを投稿できますか？ –

アップロードされたスクリーンショット –

クロムが確認されました17. –

は、オブジェクトに対する親ではなく、オブジェクトの子供にどうやらvertical-alignは、オブジェクトの相対的に適用されます。興味深いことに、私はFXとChromeに差を見ていないのです

2012-02-23 14:27:12

行の高さと高さを交換してください。

2012-02-23 11:57:44

これはすべて同じサイズになりますが、パッディングが失われ、ファイアフォックスではわずか13pxです。 –

答えて