layout/reftests/margin-collapsing/block-overflow-4-dyn.html

   1 <!DOCTYPE html>
   2 <html class="reftest-wait">
   3 <html>
   4 <head>
   5 <style type="text/css">
   6 .separator {
   7  height: 20px;
   8  background-color: blue;
   9 }
  10 #overflow {
  11  overflow: visible;
  12  height: 200px;
  13  margin: 20px 0;
  14  background-color: lightgreen;
  15 }
  16 #child {
  17  height: 160px;
  18  margin: 40px 0;
  19  background-color: green;
  20 }
  21 </style>
  22 <script type="text/javascript">
  23 function test() {
  24  document.getElementById('overflow').style.overflow = 'auto';
  25  document.documentElement.removeAttribute('class');
  26 }
  27 document.addEventListener('MozReftestInvalidate', test);
  28 </script>
  29 </head>
  30 <body>
  31 <div class="separator"></div>
  32 <div id="overflow">
  33  <div id="child"></div>
  34 </div>
  35 <div class="separator"></div>
  36 </body>
  37 </html>