TextBox在IE8中输入汉字位置变化，

输入汉字前的图片
输入汉字后上面出现裂缝请各位前端大哥看下是什么原因，严重影响布局 以下是代码
<!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE8" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title></title>
    <style type="text/css">        .test
        {
            height: 18px;
            
        }    </style>
</head>
<body>
    <form id="form1" runat="server">
    <div style="border: 1px solid #FF0000">
         <asp:TextBox ID="TextBox1" runat="server" Font-Size="12px" Height="18px"   ></asp:TextBox>
    </div>
            
    </form>
</body>
</html>