block-negative-3a-dyn2.html (561B)
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 #positive { 13 margin-bottom: 100px; 14 } 15 #negative { 16 margin-top: 0px; 17 } 18 </style> 19 <script type="text/javascript"> 20 function test() { 21 document.getElementById('negative').style.marginTop = '-80px'; 22 document.documentElement.removeAttribute('class'); 23 } 24 document.addEventListener('MozReftestInvalidate', test); 25 </script> 26 </head> 27 <body> 28 <div id="positive"></div> 29 <div id="negative"></div> 30 </body> 31 </html>