すごく基本的な事だったんですが、今日つまづいた箇所なのでメモ。

上記の様なボタンを、CSSで作りました。

HTMLのソースは以下。

これのaタグに色を付けて、上下左右にパディング取って、ボーダーを付けるだけのシンプルなやつ。

で、上記のボタンはfirefoxで見た時なんですが、なんの問題もありません。

ところが、IE6で見ると・・・

英語のボタンだけ縦幅が大きい・・・。

微妙にずれてる・・・。

原因は、

vertical-align:middle；が必要だったみたいです。

これを入れたらIEでも・・・

ちゃんと揃いました。

うーん、 以後気をつけよう。