Spacing in Safari, not in Firefox or IE.

[danpoulton]

If you look at my homepage at www.gameslayer.co.uk in Safari there should be 2px spacing on the left and right of the red banner before the grey background (the white bits the spacing). It is centered in both FF and IE, in Safari its 3px to the left and 1px to the right when it should be equal. Any one know why this happens in Safari? Any help is appreciated.

[Fang]

The background image is centered on the body, while the container is centered using margin auto.
The calculation method used by browsers to center both these elements is different. Basically rounding errors occur.
The background image needs to be in the container not the body