浮动时，铬会填充填充物和边框

Question

https://jsfiddle.net/x1vqv7ju/

<div style='float:right;padding:10px;border:1px solid black;'>
<a style='padding:10px;border:1px solid black' href='#'><img style='width:16px' src='http://google.com/images/google_favicon_128.png' /></a><a style='padding:10px;border:1px solid black' href='#'><img style='width:16px' src='http://google.com/images/google_favicon_128.png' /></a>
</div>

它应该如何（Firefox，也在ie中测试）：

Chrome如何做到这一点：

Chrome就是它的作物 这里发生了什么？这是一个错误，还是一些未来？谁在这里，Chrome或Firefox？