absolute element within overflow hidden container

by danield770

HTML

<div class="wpr">
    <div class="fixed"></div>
</div>

CSS

.wpr
{
    width: 200px;
    height:1000px;
    background: pink;
    position:relative;
    margin: 0 200px;
    -webkit-transform: translateX(0);
    transform: translateX(0);
}
.fixed
{
    width: 200px;
    height:200px;
    margin: 50px;
    position: fixed;
    
    top:0;
    left:0;
    background: aqua;
}