css - 見出しタグの Safari で CSS テキストの配置が異なる

Question

添付画像をご覧ください

この CSS は、Safari と Firefox、および IE で同じように並べられるテキストを生成しません。Safari (右側) は約 2px 高く表示されています。

h2{
font-size:18px;
color:#000;
display:inline-block;
font-family:Arial, Helvetica, sans-serif;
background-image:url(bkg.gif);
background-repeat:no-repeat;
padding-left:14px;
padding-top:4px;
height:28px;
}

Answer 1

これは、ブラウザがテキストをレンダリングする方法です。それが気になる場合は、Safari 専用のスタイルシートを提供し、適切な調整を行ってください。