różnice pomiędzy firefox i chrome co do body

Witam,
mam sobie stronę gdzie dla body dodałem następujące style:

<body>
<div class="all">
</div>
</body>

body
{    
    margin: 0;
    background-image: Url("../images/bg.jpg");
    background-repeat: no-repeat;
    background-position: center 0;  
}

bg.jpg jest to obrazek o width:1920px i height:600px.

Teraz gdy pomiędzy tagami body dodaje sobie div'a z klasą css o nazwie 'all':

.all {
    width:960px;    
    height:1000px;
    margin: 0 auto;    
}

ten div jest wyśrodkowany i wtedy zauważam różnicę co do tego jak ten obrazek bg.jpg jest umieszczony w body (chodzi oto , że widzę 1px różnicy- przesunięcie w lewo). Macie jakiś pomysł co jest nie tak ?

Może reset.css Ci pomoże? Wpisz sobie to w google :)

Wrzucam w załączniku stronę html z dwoma obrazkami , jak możecie to pobierzcie ten załącznik i zobaczcie czy w chrome i firefox wyświetla się tak samo chodzi mi o ten czerwony prostokąt z napisem "costam costam". U mnie jest tak , że ten prostokąt jest o 1px bardziej w prawo w chromie w stosunku do Firefoxa. Widać to dobrze ponieważ ten czerwony prostokąt w chrome wychodzi o 1px w prawo za te zielone tło - a nie powinien.

Centrujesz obrazek. Załóżmy, że obrazek ma 50px, a element 25px. Teoretycznie tło powinno się zaczynać więc w pozycji -12,5px. I teraz następuje wielka różnica - jedna przeglądarka zaokrągla to do -12px, a druga do -13px bo zapewne specyfikacja css nie mówi o tym jak zaokrąglać takie rzeczy, więc przeglądarka robi, co uważa :)

W specyfikacji css niewiele jest o stylowaniu formularza - i weź tu spróbuj ostylować <select> paroma stylami - i zobacz, że na każdej przeglądarce jest inaczej.