IE dropdown showing wrong Japanese text

[echarish]

i have a problem with the IE dropdown, i am displaying Japaneese text in dropdown but in IE some different junk characters are displayed. but in Firefox the dropdown works fine...

Please have a look at screen shots in attachement


my CSS file contatains this font family
font-family: "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Verdana;

and the page encoding is UTF-8, please give some suggestion urgently.

[jscheuer1]

First thing I would try is changing that to:


font-family: sans-serif;

Check in both browsers after clearing their respective caches and refreshing the page. One of three things will happen:


It will fix the problem.


Both browsers will now be wrong.


No change.


If it's #1 or #2, the font used by IE isn't rendering the characters correctly for some reason, whereas the one used by Firefox is OK. Also, the font used is having an influence over the characters rendered. If it's #3, it's probably some sort of encoding issue. Is the stylesheet separate from the page?