スタイルシートでのFirefox対応の注意

「IEではちゃんと表示されるけど、Firefoxでは表示が崩れてしまう」
ということがよく起こります。自分の場合主にその原因は、IEとFirefoxでの「padding」の認識の違い。
たとえば、こういうスタイルシートがあった場合、
hoge {
width:100px;
padding: 10px;
}
◆IEの場合→横幅は100pxとして認識しされる
◆Firefoxの場合→横幅は120px(左padding＋右padding)として認識される
この違いのせいで、Firefoxでガタガタになってしまうことがよくあります。
対策は、「paddingを使わない。marginを使う」など。かなり不便だが、どうしようもない。よく注意して、あとで困らないよう先手先手で対応するよう心がけましょう。。