Please look at this JSFiddle: <https://jsfiddle.net/fmhhg00d/3/>

```
<div><span>•</span></div>

div {
 width: 500px;
 height:500px;
 background: blue;
 overflow: hidden;
 border-radius:50%; /* --> Remove this and it's alright */
}

span {
 line-height:0.20;
 font-size: 2500px;
 color: white;
}

```

[See the problem here](https://i.stack.imgur.com/Z3xmx.png)

In short, is there a reason why Chrome/Edge/Firefox all leave a small blue border when I use overflow:hidden and border-radius on the parent? Is there a way to bypass this?