<!DOCTYPE html>
<html>
<body>
<style>
#test0 { -webkit-columns: 1px; } 
#test1 { -webkit-perspective: 1; display: compact; }
#test1:before { content: ""; } 
#test1:after { display: table; content: ""; } 
#test2 { -webkit-column-span: all; }
#test4:last-child { position:fixed; } 
.c0 { display: table-header-group; } 
.c1:first-letter { content: ""; }
</style>
<script>
if (window.testRunner)
    testRunner.dumpAsText();

onload = function() {
    test0 = document.createElement('div');
    test0.setAttribute('id', 'test0');
    document.body.appendChild(test0);
    test1 = document.createElement('div');
    test1.setAttribute('id','test1');
    test0.appendChild(test1);
    test2 = document.createElement('div');
    test2.setAttribute('id','test2');
    test1.appendChild(test2);
    test3 = document.createElement('span');
    test1.appendChild(test3);
    test4 = document.createElement('div');
    test4.setAttribute('id', 'test4'); 
    test3.appendChild(test4);
    document.body.offsetTop;
    test2.setAttribute('class', 'c0'); 
    test4.setAttribute('class', 'c1');
    document.body.offsetTop;
    document.body.innerHTML = "WebKit Bug - Crash in multi-column layout.<br />PASS. WebKit didn't crash.";
}
</script>
</body>
</html>