Firefox では IM Control ボタンタイプの表示が崩れやすい傾向にあるようです(というかウィンドウタイプは未検証)。IE7・Opera・Safari (すべてWindows Vista 上)ではうまく表示されているんですけどね。どっちの解釈正しいのかはわかりません。
この Blog でも Firefox で見ると表示が崩れてました。修正する際に気付いた点(だけ)をまとめておきます。
ボタンタイプの IM Control は、主に div・canvas・a・img タグから構成されています。生成された HTML の各タグには、style 属性には適切なスタイルの設定がされていますが、これらのタグに対してスタイルの設定が別にされていると影響を受ける場合があります。
- a タグに margin・padding が指定されている。
Firefox だけ影響を受けます。0に設定しましょう。 - div タグに text-align:left 以外が指定されている。
Firefox だけ影響を受けます。center タグなどにより影響も受けます。 - img タグに margin・padding が指定されている。
全ブラウザで影響を受けます。0に設定しましょう。
わかったのは以上です。しかし、Firefox での修正はたいへんですね。DOM Inspector は使えないようだし(あるタグが影響を受けているスタイルの設定がわからない)。IE Developer Toolbar みたいなものがあれば教えてください。