css - Webkit と moz のレイアウトの問題

Question

私の Web ページにレイアウトの問題があります (例:)

<div style="position:relative;width:500px;min-height:300px;background:red">
  <input type="text" style="position:absolute;top:20px;">
  <input type="buttton" style="position:absolute;bottom:2px;right:2px">
</div>

位置はブラウザーによって若干異なります (約 2 ～ 4 ピクセル)。たとえば、上記のボタンは、chrome や safari では、firefox、seamonkey、opera よりも境界線から数ピクセル離れています。レイアウトが異なるブラウザでほぼ同じに見えるように、この問題の解決策はありますか?

Answer 1

最初に CSS をリセットして統合します。これについては、 http://html5boilerplate.com/を参照してください。