#9 Pongamos por caso, que para Internet explorer el margen por defecto para cada elemento es de 5 pixeles, mientras que para firefox es de 0, para safari de 2px... etc (es solo un ejemplo, pero pasa con algunas cosas) por cada objeto que creásemos tendríamos hasta 5px de error.
La idea es que por css, lo primero que haces es definir "todo". Si dices que ese margen es 0, será 0 para todos los navegadores, por que ya no pillará el valor default.
Seguro que leyendo el css te enteras mejor de que va el tema:
/* reset css /
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}
/ remember to define focus styles! */
:focus {
outline: 0;
}
body {
line-height: 1;
color: black;
background: white;
height: 100%;
}
ol, ul {
list-style: none;
}
table {
border-collapse: separate;
border-spacing: 0;
}
caption, th, td {
text-align: left;
font-weight: normal;
}
legend{white-space:normal;}
strong{font-weight: bold;}
p{line-height: 1.2em;}
Más o menos es un "coge todo, ponle margen 0, espaciado 0, color negro, fondo blanco, etc.. y a partir de aqui, empezamos"
Si empiezas tu hoja de estilos css con lo que te he pegado arriba, te ahorrarás un gran número de dolores de cabeza 
.
