CSS “outline” different behavior behavior on Webkit & Gecko

Question

I\'m working on an experiment & I found out that the \"outline\" CSS2 property is not implemented the same way on Webkit & Gecko

In the script below, I have

Answer 1

I had the same issue, so I swapped it from using outline to use a box-shadow:

box-shadow: 0px 0px 0px 1px #FFF;

instead of

outline:1px #dcdcdc solid;