为什么在谷歌和火狐下dotted都是圆

谷歌版本 59.0.3071.104（正式版本） （32 位） 也是小圆 火狐54.0 (32 位） 也是小圆 

.round {
   overflow: hidden;
   height: 100px;
   width: 100px;
  border: 1px solid red;
}
.double {
   border: 99px dotted red;
}

<div class="round">
   <div class="double"></div>
</div>

是不是之前这两个浏览器都是方形呢 还是我这边出现了什么问题 希望有朋友看到知道的能指点一下 谢谢