When rendering Chinese characters in an inline-block div, a small space similar to margin space is inserted above the div which is not inserted when
rendering Latin characters in an inline-block div. To replicate, view the following HTML in IE9 or IE10:
<!--?xml version="1.0" encoding="UTF-8"?-->
<html>
<head>
<style>
div{display:inline-block; background-color:green;font-size:5em;}
</style>
</head>
<body>
<div>Latin characters</div><div>汉字</div>
</body>
</html>
The problem cannot be fixed by changing the header to tell the browser to use Standards Mode.
In the end I I would be very grateful if anyone knows a solution or whether this is a bug.