怎样让input内容文字不移动？

Question

做的伪装六格子输入框，我是直接将格子当背景，然后设置字间距实现的。

.lattice{width: 251px; height: 56px; border: none; background: url('../img/lattice.png') no-repeat; font-size: 30px; color: #a0a0a0;letter-spacing:24px; text-indent: 12px;}

现在的问题就是输入最后一个字的时候 就会整体移动

有什么办法能避免吗？
谢谢大家的回答，宽度设宽点可以，不过有个问题光标会出去

Answer 1

必须input的宽度要大一些，不然肯定会移动的所以只能盖着input宽度超出的部位了找个div盖住超出部位就可以了