CSS Catch of the Day: Margins don't collapse with min-height

If you have an element with a min-height, and an element that does not achieve that height with a margin at the bottom, the full margin will still be present on the outer element. Chrome doesn't appear to show this margin on the parent element, leading to an "invisible gap."

|- - - - - - - - - - - - - - -|
| |-------------------------| |
| |-------------------------| |
|  / / / / / / / / / / / / /  | <-- inner margin
|                             | <-- space resulting from min-height
|- - - - - - - - - - - - - - -|
 / / / / / / / / / / / / / / / <-- margin resulting from inner margin