UserAgent: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:58.0) Gecko/20100101 Firefox/58.0

Steps to reproduce the problem:
1. Go to the JSFiddle here: https://jsfiddle.net/8n2ms9o3/38/
2. Observe that all the buttons are in the top left corner
3. Copy that same link into Firefox or Edge
4. Observe that everything is rendering properly

What is the expected behavior?
Essentially, it appears that appending elements which are already rendered to a separate DOM object does not move those elements as per standards. In the linked fiddle, the buttons should render within the boxes, but they do not. This is possibly rendered to 

What went wrong?
Interestingly, as you can see from the linked Fiddle, dev tools seems to think that the elements are appropriately placed, and the spacing renders appropriately -- however, the elements themselves are very clearly not placed in the proper spot.

Did this work before? N/A 

Chrome version: 63.0.3239.132  Channel: stable
OS Version: 10.0
Flash Version: