<!DOCTYPE html> <html class="reftest-wait"> <head> <style type="text/css"> #parent { display: inline-block; background-color: green; } #child { display: inline; height: 40px; width: 200px; margin: 20px 0; vertical-align: bottom; background-color: lightgreen; } </style> <script type="text/javascript"> function test() { document.getElementById('child').style.display = 'inline-block'; document.documentElement.removeAttribute('class'); } document.addEventListener('MozReftestInvalidate', test, false); </script> </head> <body> <div id="parent"> <div id="child"></div> </div> </body> </html>