google-chrome - Outline-offset と Chrome での奇妙な動作

Question

CSS プロパティの Outline-offset をテストしたところ、Chrome は要素の左と上にのみスペースを挿入しているように見えることに気付きました (Firefox、Opera、Safari (Windows) はすべてすべての端にスペースを配置しますが、IE9 はこのプロパティをサポートしていません)。 . なぜこれがそうなのか、誰にも分かりますか？

jsFiddle: http://jsfiddle.net/hydrurga/WChhS/

上記の jsFiddle の html は次のとおりです。

<p>First paragraph</p>
<p>Here is the <span class="first">first span</span> and the
<span class="second">second span</span> of the paragraph</p>
<p>Another paragraph</p>

スタイル付き:

p {background-color:blue; color:red; line-height: 3em}
span.first {outline: 5px solid red}
span.second {outline: 5px solid red; outline-offset: 5px}