<!DOCTYPE html>
<style>
.test { margin-top:-100px; }
.test:hover { margin-top:-95px; }
</style>
<!-- Passes if there is a green square below, and no red. -->
<div id=red style="width:100px; height:100px; background:red;"></div>
<div id=multicol style="columns:2; column-fill:auto; height:200px;">
<div class="test" style="width:100px; height:100px; background:green;"></div>
</div>