Untitled

dabblet.css

.bound {
	position: relative;
	z-index: auto;
}

.popover {
	width: 100px;
	height: 100px;
	background: blue;
	position: absolute;
	left: -15px;
	top: 15px;
	z-index: 1000;
}

.box {
	background: red;
	width: 200px;
	height: 200px;
	z-index: 100;
}

.row:before,
.row:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.row:after {
    clear: both;
}

.row {
    *zoom: 1;
}

dabblet.html

<div class="row">
	<div class="bound">
		<div class="popover">Yo Yo</div>
	</div>
</div>

<div class="row">
	<div class="bound">
		<div class="box">I'm a box.</div>
	</div>
</div>

settings.json

{"view":"split-vertical","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}