ABSOLUTE within RELATIVE

Absolute positioned element takes into account… Content area: OK Padding: OK Border: Nope

by vvv vvvv

HTML

<div id="ref">
    <div id="sibling">
    </div>
</div>

CSS

body { padding: 20px; }

#ref {
    position: relative;
    
    border: 5px solid red;
    padding: 10px;
    height: 70px; width: 70px;
    background-color: pink;
}

#sibling {
    position: absolute;
    top: 0; left: 0;
    
    border: 5px solid orange;
    padding: 10px;
    height: 70px; width: 70px;
    background-color: yellow;
}