layout/reftests/margin-collapsing/block-sibling-1b-dyn.html

   1 <!DOCTYPE html>
   2 <html class="reftest-wait">
   3 <head>
   4 <style type="text/css">
   5 #sibling1 {
   6  height: 20px;
   7  background-color: green;
   8  margin-bottom: 20px;
   9 }
  10 #sibling2 {
  11  display: none;
  12  height: 20px;
  13  background-color: green;
  14  margin-top: 10px;
  15 }
  16 </style>
  17 <script type="text/javascript">
  18 function test() {
  19  document.getElementById('sibling2').style.display = 'block';
  20  document.documentElement.removeAttribute('class');
  21 }
  22 document.addEventListener('MozReftestInvalidate', test);
  23 </script>
  24 </head>
  25 <body>
  26 <div id="sibling1"></div>
  27 <div id="sibling2"></div>
  28 </body>
  29 </html>