Firefox rendering differently on Linux and Windows
 

edit: problem solved, thanks for the help. links no longer valid.

I am working on a web page for a client and have come across an annoying anomaly. My page renders correctly under windows, both in Firefox and IE, however in Firefox (2 and 3 beta )under linux, my menu images do not line up.

I created a quick page to exemplify the problem here:

windows screen cap (how it _should_ be displayed)
X

linux screen cap (bad. take note that the buttons drop down to a pixel below the stripe. This is not the desired behavior.)
X


The page in the flesh and blood and the relevant css file:
X
X


I realize there are other ways to implement this page that would be less problematic, however, there are a few reasons I would like to keep the code as is. I am coding standards compliant code, so It should have uniform behavior no matter in linux or windows. Am i missing something, did I make an error?

thanks.

and the fonts are the same?

ah yes, that seems to be the problem. font sizes. That is odd because Im not sure how font size should even affect my code, there are no textual elements in it before the menu. I guess any href is considered text???

Oh well. now that I know the problem, i can work on fixing it. Thanks.

No prob. The liberation ttf fonts have the exact same size as the microsoft fonts. It has to do with width of the characteristics of the fonts, not the size itself. but over the course of a sentence this can make a difference as well.