Strona na firefoxie wygląda inaczej niż na chrome

Dlaczego taki kod:

header { height:auto; margin-top:148px; text-align:center; width:auto; } 

na chrome wygląda normalnie a już w przypadku firefoxa nachodzi on na inne elementy?

Gdy ustawię tak:

header { height:auto; margin-top:160px; text-align:center; width:auto; } 

To działa także na chromie.
Pytanie: Czy da się jakoś w CSS wywołać warunek sprawdzający czy użytkownik korzysta z firefoxa?

Może to pomoże: http://api.jquery.com/jQuery.browser/

Pomogło to:

@-moz-document url-prefix() {
}

Firefox pewnie ma inne domyślne style dla elementów - np jakiś border, albo margin minimalny dla jakiegoś taga. Polecam coś w tym stylu https://necolas.github.io/normalize.css/