Header som inte vill "gå ihop med webbläsaren"

Som ni kanske vet så är jag ju ny med html och css än

har stött på ett problem jag verkligen inte förstår, jag kan inte lösa det på något sätt. Har kollat på andra hemsidor simpla som avancerade hur dem har gjort, men hjälper inte! Även om jag kopierar deras kod så blir det ett litet mellanrum vid webbläsarens kant och headern

bild :

Hjälp tack!

EDIT: Gjorde ihop en snabb sida för att visa vad det är. Har för övrigt googlat ihjäl mig

#header{
width: 100%;
height: 10%;
margin: 0px;
background-color: #00f;
}

Med en simpel div i html

Gå inte på allt för hårt!

body {
margin: 0;
}

Chiill! tack så mycket!