<style>
.overflow {
width: 100px;
height: 100px;
overflow: auto;
border: 1px solid black;
margin: 10px;
}
.rel {
width: 25px;
height: 25px;
background-color: black;
position: relative;
}
.rel div {
width: 75px;
height: 75px;
background-color: rgba(0, 0, 255, 0.5);
}
.float { float: left; }
.abs { position: absolute; }
</style>
<p>
Test for <i><a href="rdar://problem/6059648">rdar://problem/6059648</a>
Some content not visible when the window is short at courtneyalbright.com</i>.
</p>
<p>
Each black box below should have a scroll bar allowing the blue square to
be scrolled fully into view.
</p>
<div class="overflow">
<div class="rel" style="left: 50px;">
<div class="float"></div>
</div>
</div>
<div class="overflow">
<div class="rel" style="top: 50px;">
<div class="float"></div>
</div>
</div>
<div class="overflow">
<div class="rel" style="left: 50px;">
<div class="abs"></div>
</div>
</div>
<div class="overflow">
<div class="rel" style="top: 50px;">
<div class="abs"></div>
</div>
</div>