How can I override the minimum-font-size in Firefox?

Question

My site displays just like in need in IE and Opera, but in Firefox I can't get (via CSS) to have font sizes smaller than Firefox' default minimum-font-size. Of course I can go to Tools>Options and remove this value, but other users will see some of the elements displaced.

I have tried using !important, but it doesn't work. And I can't substitute the text by images, they are dynamic fields.

Answer 1

If you set the the font size attribute on the body it should set it as default font size.

body
{
    font-size: 12px;
}

Answer 2

In some cases you can use <canvas> element and fillText().