Una spaziatura strana appare quando utilizzo la proprietà del margine

Il mio HTML:

    LOL   

CSS:

 div { background: yellow; width: 77px; height: 77px; border: 1px dotted red } #one { margin: 0px 21px 41px 41px } 

Il mio valore margin-top è 0px, tuttavia, appare una spaziatura tra il mio quadrato e la parte superiore della pagina.

Perché?
Ecco un’illustrazione:

inserisci la descrizione dell'immagine qui

E JSFiddle: http://jsfiddle.net/9vQZ9/1/

Aggiungi questo:-

 html,body{ margin:0; padding:0;} 

Questo è il CSS predefinito del corpo del browser che è margin: 8px; Per riscriverlo, usa anche questo CSS:

 body { margin: 0; padding: 0; } 

Demo Fiddle
CSS

 body{ margin:0; padding:0; } 

Controllalo in FireBug

Molti designer usano addirittura, per azzerare padding e margini di tutti gli elementi, se ce ne sono

 *{ margin:0; padding:0; }