<!DOCTYPE html>
<html style="font-family: ahem; font-size: 10px; -webkit-font-smoothing: none; color: white;">
<!-- WebKit bug 82630 - Incorrect placement of new child to table when before child parent is not |this|.
     Test passes if you see 'B' wrapped in a table section between ['A'] and ['C','D']. -->
<div id="container">
<div style="display: table-header-group">Header</div>
<div id="div1">A</div>
<div id="div2">C</div>
<div id="div3">D</div>
<div style="display: table-footer-group">Footer</div>
</div>
<script>
    container = document.getElementById('container');
    container.style.display = 'table';
    document.body.offsetTop;
    section = document.createElement('div');
    section.style.display = 'table-row-group';
    section.appendChild(document.createTextNode('B'));
    container.insertBefore(section, document.getElementById('div2'));
</script>
</html>