Баг с "overflow: hidden;" и "border-radius: ;"

HTML

<div class="wrap">
    <div class="el"></div>
</div>

CSS

.wrap {
    width: 200px;
    height: 200px;
    background: red;
    overflow: hidden;
    border-radius: 50px;
    position: relative;
}
.el {
    width: 190px;
    height: 190px;
    position: absolute;
    top: 5px;
    left: 5px;    
    background: green;
     
     border-radius: 30px; 
}