firefox - FFのオフセット/マージンの原因

Question

親要素にグラデーションの境界線を持たせ、次に子要素に通常の背景を持たせることによって、ある種のグラデーションの境界線を作成しようとします。

これはFFで台無しになっているようですが、Chromeで機能します... FFが完全に1pxのパディングにならない、ある種の余分なパディング/マージン/オフセットを追加する理由はありますか？

http://jsfiddle.net/32zbD/1/

Firebugで見ているのは本当に迷惑ですが、余分な部分はどこから来たのかまったく表示されていません。それはただ「そこに」です。

私はそこでCSSリセットスタイルシートを使用して違いを小さくしようとしましたが、それでもそこにあります！

HTML5 doctypeのように、そのdoctypeが原因であると感じました。FF7とChromeで動作しています。JSFiddleでDoctypeを変更できないため、実際にテストしてそのように共有することはできません。

Answer 1

Firefoxには、フォーカスのアウトラインを配置するボタンにいくつかの内部パディングがあります。

おそらくbutton::-moz-focus-inner、境界線やパディングがないようにスタイルを設定する必要があります。

とは言うものの、ボタンのスタイリングの特定のケースでは、OSやブラウザによって他のさまざまな点で異なるため、このようなものが実際に機能することは保証されていません...