IE10中textarea中在无内容和有内容时光标的所处高度不同是为什么？怎么解决？

Question

有如下css样式

textarea {
  height: 124px;
  resize: none;
  line-height:24px;
  font-size:12px;
  padding：0xp 8px;
}

html页面如下

<textarea maxlength="200" placeholder="请输入内容"></textarea>

在ie10下，当没有输入任何内容时

当输入了内容后，可以看到光标的高度下沉了一些。

在chrome下光标的位置在输入内容或者空的时候都不会出现样式不一致的情况都如下所示

所以想问这个问题在ie下怎么解决？