<!DOCTYPE html>
<script>
onload = function() {
document.body.offsetTop; // trigger layout
document.getElementById('elm').style.height = '0';
}
</script>
<p>There should be a blue <em>square</em> below, with no red.</p>
<div style="-webkit-columns:3; columns:3; -webkit-column-gap:0; column-gap:0; width:9em; line-height:9em; background:blue;">
<br>
<br>
<div id="elm" style="height:10em; background:red;"></div>
<br>
</div>