My child element is overflowing its parent when I apply "top: random pixel" to it. It seems to be using the top position relative to the body of the page.
// HTML
<div class="movie-list">
<div class = "inner">
</div>
</div>
//CSS
div.movie-list{
width: 300px;
height: 500px;
background: black;
margin-right: auto;
margin-top: 20px;
}
div.movie-list div.inner {
width: 50px;
height: 50px;
background: gray;
position:absolute;
top:7px;
}