You’ve not styled the element (or anything) so it will use whatever the browser’s default is set to (somewhere in settings). My guess is your Chrome and Firefox defaults are different. Try styling the element with (say) Times New Roman and they should look the same in any browser on your machine.
Show comparitive screen shots, please. I see a difference but it is because I have set a different font and font-size as my defaults in Firefox. Chrome is unchanged from it’s default values.
What is the default font-family and font-size in your Firefox browser?
What is the default font-family font-size in your other browsers?
You may be able to determine which font-family most user’s see if you serve that font to them, but you will still be unable to control the font-size.
FYI from the YUI site:
"IMPORTANT: The YUI library is no longer actively maintained. Please see this announcement for more information. http://yuilibrary.com/ "
You set the font family where? on the local browser on on your web site? You MUST understand that you have little to say about the font-family and font-size that the user chooses. That’s just real life. And that is why one needs to test web pages over a reasonable range of font sizes. Firefox’s strength. You can’t be too picky about certain things on a page.
Suppose the user does not have the font family on his computer that you set? Maybe he’s using a Linux box or Apple instead of a PC… the font “sans-serif” is probably not the same between the platforms.