Testei o css reset, e esse não resolveu para mim, não sei pq, acompanhei igual o imasters.com.br passou.
Mais consegui resolver com

* { padding:0; margin:0; }

para firefox e ie

abraços

QUAL O EFEITO MAIS ESPERADO?
IE

2-

QUEM É O DONO DA MARGEM?
a margem é do elemento p quem gera a margem é a propriedade display: block (padrão de ‘p’), que cria uma margem superior e inferior ao bloco

PORQUE A MARGEM NÃO APARECE NO IE?
Não se engane! no IE a margem tbm aparece, no FF aparece o fundo amarelo, no IE você vê o fundo cinza mas a distância continua existindo.

ENTÃO ONDE ESTA O PROBLEMA?
O “problema” está na ALTURA do #container (pai de ‘P’).
Quando a altura do container pai não é definido quem define a altura é a soma das alturas do conteudo (propriedade height) nesse caso não entram as margens.
O fundo é renderizado começando a partir do inicio do bloco por isso o fundo aparece.

3-
COMO FAZER O FF EXIBIR IGUAL AO IE?
então não é para eliminar a margem, certo?? Você vai querer apenas que o fundo englobe as margens.
#container {
width:400px;
margin: 0 auto;
background: #ccc;
overflow:hidden;
}
essa opção serve pra ocultar todo o conteudo que exceder a area do #container, nesse caso como não foi definido uma altura as margens dos elementos filhos entrarão no calculo da altura.
(é aqui que a maioria esbarra quando está começando com CSS). Quem desenvolve só para o IE reclama que o FF “cria margens”. Já quem está acostumado com padrões fica enfurecido quando o IE aumenta o tamanho das DIV´s.

QUERO ELIMINAR AS MARGENS de ´p´! COMO FAÇO?
Isto significa( margin:0;)
vc pode fazer isso de 3 maneiras:

*{
margin:0;
}//as vezes generalizar pode nao ser o ideal pra você. Voce poderá acabar tendo que definir margens para todos os paragrafos… isso poderá lhe dar um trabalho desnecessário futuramente.

p{
display:inline:
}//isso vai acabar com a organização dos paragrafos

#container p{
margin:0;
}

4-
retire a propriedade margin:0; de body.

R: O Firefox esta com a Margem do Paragrafo

Você sabe explicar porque isto acontece?
R: Margem do Paragrafo

Que declarações CSS devo usar para fazer o FireFox renderizar igual ao Internet Explorer?
R: Zerar as margens do Paragrafo. p{margin:0;}

body {
margin: 0 auto;
padding:0px;
}

Tá colado no IE, FireFox e Ópera

Antes eu não tava usando Padding:0 px no body, aí ficava afastado só no Ópera

Pelo que entendi quem renderiza errado é o IE 6 e não o Firefox. Para fazer com que isto fique como o esperado basta colocar algum padding horizontal em #container

#container {
width:400px;
margin:0 auto;
padding:1px;
background:#ccc;
}

Ou algum border, também em #container

#container {
width:400px;
margin:0 auto;
border: 1px solid #ccc;
background:#ccc;
}

Correto? Abraço