firefoxブラウザで、最小フォントサイズを指定すると、remのフォントサイズが崩れる。

Question

firefoxブラウザで、ユーザーが設定できる最小フォントサイズをなしから、9など指定すると。

remで指定したfon-sizeがすべて、
画面いっぱいの大きなサイズになってしまいます。
remの部分をコメントアウトすると、文字サイズがでかくなりすぎる問題は解決するのですが。cssの修正箇所が多く、
この現象が発生する理由をご存知の方、ご教授いただけますと幸いです。

ルートのサイズは下記。

html {
  font-size:6.25%;
}

随所で下記のようにフォントサイズを指定。

.userName {
           display:block;
           width:1000px;
           margin:0 auto;
           text-align:right;
           padding:10px 0px 10px 0px;
    
           // ここ
           font-size:10px;
           font-size:10rem;

}

確認環境：Firefoxブラウザ(41.0.2)
OS Mac Yosemite

追記：
簡易的にhtmlとcssファイルを１つずつ用意して、
最小フォントサイズを指定して、remが効くか試したところ問題ございませんでした。
今回事象がおきているのが、cssファイルを結構読み込んでいるボリュームのあるサイトだから何かが起因でおきている気がします。
また、chromeなどはでは問題ありませんでした。

Answer 1

こちら自己解決いたしました。。

ルートのサイズが6.25%と、随所で指定しているremが10rem（10倍）と極端だったため、
おそらく推測でしかないのですが、、firefoxでは、ルートサイズ6.25%時の最小フォントサイズが、
ユーザーが指定したサイズ例えば9px等となり、それにたいしてemの計算が2pxを20pxとしたくても、
最小フォントサイズが9pxなので、9pxを90pxにするみたいなことが働いているのかなと思います。
詳細な挙動調査しておりませんが、汗

対策として、
ルートのサイズを10倍にし、随所のサイズを10分の１にすることで改善しました。

html {
 font-size:62.5%;
}

.userName {
〜省略
           font-size:10px;
           font-size:1rem;
〜省略
}