Limiting viewable area

by Matthew Day

HTML

<div class="small-box">
    <div class="large-box">
    </div>
</div>

CSS

.small-box {
    width: 120px;
    height: 260px;
    border: 1px solid black;
    overflow: hidden;
}

.large-box {
    width: 300px;
    height: 300px;
    background-image: url('http://www.placekitten.com/g/300/300');
    border: 1px solid pink;
}