<!DOCTYPE html>

<p>Remove the only column content that sits between two spanners (the absolutely positioned boxes
    having their containing block outside the multicol container). Check that the adjoining margins
    on the two spanners collapse.</p>
<p>There should be a blue <em>square</em> below.</p>
<div style="-webkit-column-count:2; width:100px; background:blue;">
    <div style="-webkit-column-span:all; margin-bottom:100px;"></div>
    <div style="position:absolute;"></div>
    <div id="toRemove">FAIL</div>
    <div style="position:absolute;"></div>
    <div style="-webkit-column-span:all; margin-top:100px;"></div>
</div>

<script>
onload = function() {
    document.body.offsetTop;
    document.getElementById("toRemove").style.display = "none";
}
</script>
