<!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>