block-negative-5-dyn2.html (582B)
1 <!DOCTYPE html> 2 <html class="reftest-wait"> 3 <head> 4 <style type="text/css"> 5 html, body { 6 margin: 0; padding: 5px; 7 } 8 div { 9 height: 20px; 10 background-color: green; 11 } 12 #small { 13 margin-top: 40px; 14 margin-bottom: -40px; 15 } 16 #big { 17 margin-top: 0; 18 background-color: blue; 19 } 20 </style> 21 <script type="text/javascript"> 22 function test() { 23 document.getElementById('big').style.marginTop = '-60px'; 24 document.documentElement.removeAttribute('class'); 25 } 26 document.addEventListener('MozReftestInvalidate', test); 27 </script> 28 </head> 29 <body> 30 <div id="small"></div> 31 <div id="big"></div> 32 </body> 33 </html>