Menu not quite where it wants to be

[Schmoopy]

Hi there, take a look at the following site:

Click here (http://bristoldnb.co.uk)

Annoyingly, the menu isn't quite in the right place in all 3 browsers I test on, Opera, Firefox and IE.

How it looks in IE is how I want it to look for the rest, with the 1px gap between the menu and the content. I could apply fixes for all browsers but I'd really prefer to fix this another way. My CSS is valid and I always have these little annoying problems with 1px gaps either way, in Opera the menu's too far to the left and so too in Firefox.

If you've got any ideas on how to fix it please let me know,

Thanks,

Jack.

[Snookerman]

Could you please be more specific? I don't really know where to look for the problem.

[Schmoopy]

The fixed menu that says "Home", "Venue info" "Links", all that stuff. It scrolls with the page, it's not a huge thing but I would like it to be the same distance from the content in all browsers, there is a 1 px movement to the right or left in each browser.

[Snookerman]

Well I'm using IE Tab to switch between Fx and IE and the menu stays perfectly still.

[Schmoopy]

But I mean in FF the menu is a little bit further to the left (the black gap between Home and the content box is a little bit bigger) and it ruins the effect a little.

[Snookerman]

What are you comparing with? Like I said, I switch between Fx and IE and it doesn't move at all.

[Schmoopy]

Ok here's some screenshots so you can see what I mean more clearly:

IE - IE (http://www.bristoldnb.co.uk/images/IE.jpg)

Firefox - Firefox (http://www.bristoldnb.co.uk/images/firefox.jpg)

Opera - Opera (http://www.bristoldnb.co.uk/images/opera.jpg)

Hope you can see a bit better now.