Unexplained gap

HTML & CSS
1

Hi, I’m hoping that someone can help me out with a small problem?

On my site, in Firefox, at the top of the page there is a 10 pixel (or so) gap between the top of the page and the top of the header.

Chrome, IE, Opera, etc… all display the site correctly (without the gap), but firefox doesn’t.

My site is http://www.unknowntales.net/

Can anyone help me out? Thank you.

2

It’s margin collapse. The nav ul’s top margin is collapsing through its ancestors until it reaches <html>. Thus, body has a 1em top margin. Set the nav ul’s margin to zero, or set its parent’s top padding to 1px.

cheers,

gary

3

You are a fantastic man. Thank you :slight_smile: