inputタグの下の隙間をCSSで消すには

質問

下記のように
inputのタイプをイメージにしてボタンを画像表示にすると、
ボタンの下に隙間ができてしまいます。
IEで4ｐｘ、Firefoxで3pxです。
inputのマージンやパディングをゼロにしても効果なしです。

<div>
<input type="image" src="../images/btn.gif" name="" value="" />
</div>

どなたかお分かりの方がいらっしゃいましたら教えてください。
よろしくお願い致します。

回答No.2

po-pe-tian · ベストアンサー

input要素のタイプセレクタに下のように
vertical-align:bottom;
を追加してみたらどうでしょう？

input{
margin:0; padding:0;
vertical-align:bottom;
}

参考URL：

http://nagomin0123.web.fc2.com/margin_padding_img/m_margin_padding_img_1.html

お礼

ご回答ありがとうございました！
解決しました！

回答No.1

STICKY2006

こんちくは。

>>ボタンの下に隙間ができてしまいます。

いやいやいやいや。

>><div>

こっちが悪いのでは？

http://www.tohoho-web.com/html/div.htm

Divは、前後に改行が入るものとして定義されているので、Divが原因の隙間の場合は、「どうしようもない」です。
Spanで代用ききませんか？？

そもそも、divに何か設定してない、質問文のソースだけで言うと。。。Div使う意味は？ってなっちゃいますけど。

お礼

ご回答ありがとうございます。
divのほうは初期値をすべてクリアにしてありますので問題はinputだと思うのですが、、