Cross-browser Issue: Min-height and collapsing margins
As you can see in this simple example: <div id="minheight"> <p id="margin">Paragraph with a margin</p> </div> <div id="sibling">Sibling div</div> #minheight { min-height: 100px; background: red; } #sibling { background: blue; } http://jsfiddle.net/peterbriers/B43th There is a difference between Chrome (35) and Firefox (29) in how it handles the collapsing margins on a block with a min-height that is larger than the child's margin . I tried to fully understand the specifications: http://www.w3.org/TR/CSS2/box.html#collapsing-margins , but I'm still unsure which browser handles this correctly. I