<!DOCTYPE html>
<p>Turn an absolutely positioned box into a column spanner.</p>
<p>Below there should be a blue <em>square</em> with the word "PASS" directly underneath.</p>
<div style="-webkit-columns:3; width:100px;">
<div id="spanner" style="position:absolute; width:100%; height:100px; -webkit-column-span:all; background:blue;"></div>
</div>
PASS
<script>
document.body.offsetTop;
document.getElementById("spanner").style.position = "static";
</script>