546048-1.html (1273B)
1 <!DOCTYPE HTML> 2 <html> 3 <head> 4 <title>Testcase, bug 546048</title> 5 <script type="text/javascript"> 6 7 // Simulate the image loading after the page loads. 8 function move_image() 9 { 10 var img = document.querySelector("img"); 11 var root = document.documentElement; 12 img.style.width='5px'; 13 root.style.display='none'; 14 img.offsetHeight; 15 root.style.display=''; 16 img.offsetHeight; 17 img.style.width=''; 18 } 19 20 window.addEventListener("load", move_image); 21 22 </script> 23 24 <style type="text/css"> 25 26 body { font-size: 10px } 27 dl { min-height: 35px; } 28 dt { float: left; width: 50%; padding-left: 45px; } 29 span { float: left; } 30 31 </style> 32 33 </head> 34 35 <body> 36 <dl> 37 <dt> 38 <span><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAIAAAD8GO2jAAAAAXNSR0IArs4c6QAAAChJREFUSMftzUENAAAIBKDT/p01hQ83KEDN5FQnAoFAIBAIBAKB4EewtloCPhS2RvMAAAAASUVORK5CYII="></span> Heading<br /> 39 This is the line that overlaps the float. 40 </dl> 41 <dl> 42 <dt> 43 <span><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAIAAAD8GO2jAAAAAXNSR0IArs4c6QAAAChJREFUSMftzUENAAAIBKDT/p01hQ83KEDN5FQnAoFAIBAIBAKB4EewtloCPhS2RvMAAAAASUVORK5CYII="></span> Heading<br /> 44 Here's an equivalent line where we don't simulate the image loading after the page. 45 </dl> 46 47 </body> 48 </html>