Textarea边界隐藏了Chrome上的问题

Question

我有一些textarea元素。这些元素在CSS中具有简单的边框。我有这个问题，这个textarea的Chrome边框在浏览器缩放时消失了。在FF上一切都很好。

所以，这是个好主意：

和

这个元素的风格：

border: 1px solid #318ab3;
background-color: white;
padding: 2px 5px 3px;
color: #318ab3;
display: inline-block;
height: 100%;
width: 100%;
position: absolute;
top: 0;
left: 0;
margin: 0;
overflow: hidden;
word-wrap: normal;

是否有任何特殊的webkit属性对此负责？求助。