I have a sprite navigation on the left. I have copied this for my wordpress blog which you can access via my website ('NEWS'), so even though you enter my wordpress, it looks exactly like every other page. All works fine in Safari but in Firefox and IE, the height of the navigation changes, even though all the CSS is the same. Any ideas would be very much appreciated :)
You have no reset.css? so you have some browser defaults affecting your layout.
Safari applies an 8px margin to body, which you've overwritten for your home page with an 8px padding.
Switch to the news page, Safari's 8px margin is allowed to apply, but Firefox and presumably IE don't set a default margin on body.
so you need to duplicate the css for body in the wordpress style.css to match the css for body in stylesheet.css.