Why is there a space between the and the element

Question

Why is there a space between the top of the green box and the browser window (in Chrome and Firefox)? There is an apparent space between the html and body element that I cannot seem to eliminate with the CSS below (and dozens of variations upon it.) there also seems to be some bonus padding on the overall document height, as if some aspect of padding or margin is not being reset to 0. Helpful tip: http://reference.sitepoint.com/css/collapsingmargins I solved this problem by using the following code: ``` div#aiport > *:first-child { margin-top: 0px } ``` while adding ``` overflow: hidden; ``` to the `div#airport` definition by itself solved the problem correctly. :-) ``` bug

Accepted Answer

Because your `

Platform

` element has a margin that pokes out of its parent `

` element and offsets it from the ``.

Why is there a space between the <body> and the <html> element

Solution

Problem