<!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-red { background-color: lime; border-top: black solid 2px; width: 50%; height: 130px; } #parent-lime { background-color: yellow; height: 20px; width: 50%; } </style> </head> <body> <p>Test passes if there is a yellow rectangle below the lime rectangle.</p> <div id="parent-red"></div> <div id="parent-lime"></div> </body> </html>