<!DOCTYPE html>
<script src="../../../resources/check-layout.js"></script>
<script>
onload = function() { checkLayout('#container'); }
</script>
<p>Test that margins on a multicol container don't collapse with spanners' margins.</p>
<p>There should be a blue <em>square</em> below.</p>
<div id="container" style="overflow:hidden; width:100px; background:blue;" data-expected-height="100">
<div style="-webkit-columns:3; margin:20px 0;">
<div style="-webkit-column-span:all; margin:20px 0; height:20px;"></div>
</div>
</div>