<!DOCTYPE html>
<p>There should be one yellow boxbelow, on a blue background.  There is only one because the content is composited, and hence not fragmented.</p>
<div style="-webkit-columns:2; column-fill:auto; width:17em; height:13em; line-height:2em;">
    <div style="will-change:transform; position:absolute; left:0; right:0; height:13em; background:blue;"></div>
    <br>
    <br>
    <br>
    <br>
    <div style="position:relative; margin:0.5em; background:yellow;">
        first<br>
        column<br>
        second<br>
        column<br>
    </div>
</div>