IE9 css, 字体显示问题

IE9在字体显示上似乎有些问题，如图：(原文链接 http://ddbiz.com/?p=115)

按钮上的文字快跑走了 :-(

在项目中，我发现，如果页面使用了 gb2312 的编码格式，且定义了 font-family: san-serif 字体的话，文字表现就不正常了，而我所有的页面都是用 YUI 来格式化的：

  <link href="/support/yui/build/cssreset/reset-min.css" rel="Stylesheet" />
  <link href="/support/yui/build/cssfonts/fonts-min.css" rel="Stylesheet" />
  <link href="/support/yui/build/cssgrids/grids-min.css" rel="Stylesheet" />

fonts-min.css 中，就重新定义了所有的字体显示。那要解决这个问题，只有重新定义字体的样式。好在css是可以覆盖的，

  <link href="/support/yui/build/cssreset/reset-min.css" rel="Stylesheet" />
  <link href="/support/yui/build/cssfonts/fonts-min.css" rel="Stylesheet" />
  <link href="/support/yui/build/cssgrids/grids-min.css" rel="Stylesheet" />
  <link rel="stylesheet" type="text/css" href="/src/css/theme.css" />

/src/css/theme.css 是自定义的格式，为网站提供个性化页面设置，在其文件头中重新定义字体样式：

body,select,input,button,textarea
{
font-family: arial,helvetica,clean;
}

看，现在好了！ :-)

这也应该算是IE9的BUG了吧。(原文链接 http://ddbiz.com/?p=115)