Height: 100% not working? Here's what's actually happening
A child set to height: 100% collapses to its content size instead of filling the parent. Here's the containing-block rule causing it, the two things everyone tries first, and four real fixes.