HTML - Problema con el background-color del header: No abarca todo el espacio.

Hola gente, sigo aprendiendo HTML5 y CSS3 y me ha surgido un problemilla a la hora de darle color a todo con CSS.

El problema es que en el HEADER, la caja no me ocupa por arriba todo el contenido hasta arriba de la ventana y me deja un pequeño espacio que se rellena con el color que le di al BODY.
He mirado tutoriales y he puesto el margin y padding de todo el documento a 0 pero nada, sigue igual.
Os dejo una imagen para que veais mas claro lo que me ocurre y el codigo para que veais si hay algo mal ahi porque estoy ya un poco desesperado.

Espero que me podais ayudar y muchas gracias gente.

• Nuevo-WinRAR-ZIP-archive.zip(3,0 KB)

el problema es que tienes un margin: 0.67em 0; en todos los h1, en el archivo normalize.css, solo le tienes que modificar en el atributo que tienes en el estiloprincipal.css

Muchisimas gracias no sé como no he caido en eso.
Queria preguntar tambien si recomiendas usar el normalize?
Esque haciendo tutoriales en internet vi que era una herramienta muy buena para que te redimensione el ancho automaticamente y me pareció buena idea.

sinceramente es la primera vez que lo veo, realmente es como cuando haces el codigo para margin y padding que reseteas para que en todos los navegadores se vea igual, puesto que unos y otros tienen diferentes valores, yo creo que es a lo que te acostumbres