Way To Stop Ff From Resizing Px Based Text?

I'm looking for a way to stop firefox from resizing text that I define in px. Is this at all possible, or am I just S.O.L.?

The reason why I want this is because I'd like to use links for my nav menu, with a specific background behind it. As such, I don't want the text to be able be enlarged passed the height of the background.

If this isn't doable I can always just use images for the nav links...but this site is starting to get pretty image heavy as it is, so i'd like to do it the other way if at all possible.

Thanks.

I would check this link at wcschools

http://www.w3schools.com/css/pr_font_font-size.asp

then try out the different properties and see what you can get. Also instead of px try em you usually get better results then px.

Sorry Michael, I don't think you quite understood what I'm asking.

I've been using em in most places in my site--but for the navigation menu I want the text to be a fixed size (so it doesn't outgrow the menu background behind it). I was under the impression that px was supposed to be the last fixed width for text still available, but evidently firefox doesn't honor that (weird. It's usually Internet explorer which doesn't honor standards).

Oh I think I know what your talking, ie. fluid website when you shrink your browser your website adjust to it? Hmm I don't know anything off the top of my head about making liquid text.

Just made a search on google came up with one result close enough and the one post said no unless you javascript of some sorts.

Another prime example of Software giants at war to declare whose the winner...

The quick solution is to make your menu out of graphics (pictures) or use flash menu. Since picture width is fixed browser cannot "magnify" the size. Flash is harder to make (but there are many free quick flash menu makers out there) and they both server the same purpose--client side cannot alter the outcome.

em's will change with the screen size and the font-size, too, so that won't work any better.
What I would try is to set the font attributes in a class and then use the "!important" feature in the css to have the author's css file over-ride the cascade. The only thing which should over-ride this is an "!important" feature on the user's css file. What I don't know is whether the zoom in/out affects the user's css file or not. Might be worth a try.

The !important idea sounded good, but it unfortunatly didn't work.

I figured out a way to fix my problem though: A set of three <spans>. The top one contains the top piece of the menu graphic. The middle one just employs a simple color background--so it's free to enlarge and shrink with the text. And the third span is for the bottom piece of the graphic.

Html and programming puzzles are kinda like mindgames sometimes.