This has got me P'd off here... shouldn't this (<!-- m --><a class="postlink" href="http://www.thenamesdan.com/ffbug/">http://www.thenamesdan.com/ffbug/</a><!-- m -->) look the exact same as this (<!-- m --><a class="postlink" href="http://www.thenamesdan.com/ffbug/correct.php">http://www.thenamesdan.com/ffbug/correct.php</a><!-- m -->)? Or have I misinterpreted the CSS box model?
Margins 'bleed' outside of their containing elements don't forget.
Notice the margin between the container and the document body edge on the one with the inside element using a margin as opposed to the outer one using padding.I believe there is a problem with the margin-top if it is too close to the top of the page.No it's just how the margins work. A margin used to create a spacing between another element and its owning element, will only create spacing between the outside edge of the owning element and the outside edge of another element. Not the inside edge of another element.
The owning element of a margin will 'bleed' over the inside edge of its parent element.
That's my understanding of it anyway.
Margins 'bleed' outside of their containing elements don't forget. Notice the margin between the container and the document body edge on the one with the inside element using a margin as opposed to the outer one using padding.I believe there is a problem with the margin-top if it is too close to the top of the page.No it's just how the margins work. A margin used to create a spacing between another element and its owning element, will only create spacing between the outside edge of the owning element and the outside edge of another element. Not the inside edge of another element.
The owning element of a margin will 'bleed' over the inside edge of its parent element.
That's my understanding of it anyway.