Internet Explorer（以下IE）ではテキストボックスとパスワードボックスの高さが微妙に違う。
以下のようなHTMLを作成して、IEで表示すると、テキストボックスとパスワードボックスの高さが異なる。
<html> <body> <input type="text"><input type="password"> </body> </html>
IE7
ちなみに他のブラウザだとちゃんと高さが揃って表示される。
Firefox3
Safari4 beta
Google Chrome2
Opera9
IEでそれぞれの高さを揃えるには、テキストボックスの高さを24pxにするか、もしくわパスワードボックスの高さを20pxにすれば揃えることができる。サイト内では、パスワードボックスのほうが圧倒的に数が少ないから、パスワードボックスの高さを20pxに小さくしたほうが良いのかも。
IEだとこんなところまで気を使わなきゃいけないのか。
