如何解决html中 大小不同的兼容性问题？

Question

例如：xhtml空格占位试验body{font-size:12px;font-family:Arial,​Verdana,​'宋体';}a{color:black;text-decoration:none;}a:hover{color:red;}您好，请登录  免费注册在火狐上空格 ；显示的比较大（感觉是个全角字符），在ie和chrome上显示的比较小（感觉是个半角字符）。如果把DTD都换成html5的写法，如html5空格占位试验则ff,ie,chrome显示都一样，都是比较小（感觉是个半角字符），不存在兼容性问题。另外，如果把font-family中的‘宋体’去掉，也没有这个兼容性问题。请问这个兼容性问题出在哪？及解决方法?