Ok, what the hell firefox. Why are you adding bottom padding to everything? Take a look at the attached images. The safari screenshot (picture 18.png) is displaying the text PERFECTLY in the center. The firefox one is 1px too high. Every other browser is displaying it correctly. PC IE/Firefox/Safari and mac safari. Any ideas? screenshots were taken from: http://css.maxdesign.com.au/listamatic/horizontal02.htm - do you see what i'm talking about?
If I was to take a wild guess, I would say it's because line-heights aren't being explicitly declared - OR it's becuase % sized fonts are being used and you are seeing one of the 'rounding errors' cross-browser, or both. Which is ok, on my machine those fonts are coming out 20% taller If you CARE about it being pixel perfect, use px and EXPLICITLY declare your line-heights. and expect it to break when people try to zoom in FF, not even be able to zoom in IE, etc. Thus is the 'cost' of pixel perfect layouts. Oh, and don't expect the background on any inline element to always line up cross-browser... due to the differences in font rendering you'll see different results cross OS, much less cross browser...