Absolute positioning and parent scrollbox

by kmouse

HTML

<div class="window">
	<div class="box">Box</div>
	<div class="content">Content</div>
</div>

CSS

.window {
	position: absolute;
	top: 100px;
	left: 0;
	width: 400px;
	height: 200px;
	background: #ccc;
	padding: 8px;
	overflow: auto;
	resize: both;
}
.content {
	width: 250px;
	height: 170px;
	overflow: hidden auto;
	background: #666;
}
.box {
	min-width: 70px;
	min-height: 70px;
	background: #eee;
	position: absolute;
	border: 2px solid #333;
	/*
	top: 0;
	bottom: 0;
	*/
	right: 0;
	left: 0;
	color: black;
}