グローバルナビゲーションのcssが、上手く動きません…

質問

下記、Ｅ部分のactive「のみ」変化がありません。
なお、Ｆ部分をactiveさせると背景がズレて表示されます。
そのため、寸法が誤っているのかと思い、Ｅ部分のpxを一時的に変化させてみても、全くＥ部分のみactiveになりません。。。

背景の寸法がおかしいのか？と思い、変えてみてもどうしてみＥ部分のみ
activeにならず、行き詰ってしまいました。

初心者的な質問で恐れ入りますが、詳しい方がいらっしゃいましたらご助力頂けますと助かります

以下、CSSです
------------------------------------------------------------------
#globalnav li#Ａ a{background-position:-20px -15px; width:180px; }
#globalnav li#Ｂ a{background-position:-200px -15px; width:180px; }
#globalnav li#Ｃ a{background-position:-380px -15px; width:162px; }
#globalnav li#Ｄ a{background-position:-542px -15px; width:80px; }
#globalnav li#Ｅ a{background-position:-622px -15px; width:80px; }
#globalnav li#Ｆ a{background-position:-702px -15px; width:78px; }

#globalnav li#Ａ a:hover{background-position:-20px -95px; }
#globalnav li#Ｂ a:hover{background-position:-200px -95px; }
#globalnav li#Ｃ a:hover{background-position:-380px -95px; }
#globalnav li#Ｄ a:hover{background-position:-542px -95px; }
#globalnav li#Ｅ a:hover{background-position:-622px -95px; }
#globalnav li#Ｆ a:hover{background-position:-702px -95px; }

#globalnav li#Ａ a:active{background-position:-20px -175px; }
#globalnav li#Ｂ a:active{background-position:-200px -175px; }
#globalnav li#Ｃ a:active{background-position:-380px -175px; }
#globalnav li#Ｄ a:active{background-position:-542px -175px; }
#globalnav li#Ｅ a:active{background-position:-622px -175px; }
#globalnav li#Ｆ a:active{background-position:-702px -175px; }
------------------------------------------------------------------

回答No.1

lesstia

ABCDEFとも全角で指定されているからではないでしょうか。
半角にしてみてはいかがでしょうか。