<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>CSS Test: Margin collapsing with clearance - margins of a 'collapsed through' box with clearance do not collapse with parent block's bottom margin</title> <style type="text/css"> #parent-lime { background-color: lime; border-top: black solid 1px; width: 50%; height: 100px; } #float-left-blue { background-color: blue; float: left; height: 100px; width: 100px; } </style> </head> <body> <p>Test passes if the lime rectangle is the same height as the blue square.</p> <div id="parent-lime"> <div id="float-left-blue"></div> </div> </body> </html>