I have a weird problem on a CSS menu. There’s a difference in padding applied by both
Firefox & IE9 vs Chrome & Opera browsers. The space left after the last menu item at the end of the menu is different on both the browsers.
Please see the chrome.jpg and firefox.jpg inside zip file to see what I mean.
I have also attached the source html file.
here is the zip file –
https://www.sugarsync.com/pf/D6612639_7394829_952554
Chrome:

Firefox:

This is not padding but likely a difference in how the fonts are rendered in different browsers. Yeah that is pretty much impossible to solve unless you make the menu items fixed width. 🙂
The firefox version looks bolder (see it?!)… These are brainbreaking problems not fun to deal with but quite easy to explain.