高度和宽度相同但不是正方形

Question

我尝试了以下

<div style="width:500px;height:500px;border:solid 5px;"></div>

但它似乎不是square

在不同的browsers and machines中测试，但仍然不是square，而是rectangle

有人可以解释为什么会发生这种情况吗？