<!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 cell between ['A'] and ['C','D']. --> <div id="container"> <div id="div1">A</div> <div id="div2">C</div> <div id="div3">D</div> </div> <script> container = document.getElementById('container'); container.style.display = 'table-row-group'; document.body.offsetTop; td = document.createElement('td'); td.appendChild(document.createTextNode('B')); container.insertBefore(td, document.getElementById('div2')); </script> </html>