文本框光标不居中？

代码1：

.box{ height:15px; line-height:15px; width:468px;border:3px solid #BC1D1D;padding:8px 0 8px 3px;}

代码2：

.box{ height:31px; line-height:31px; width:468px;border:3px solid #BC1D1D;padding-left:3px;}

以上两个代码在ie6实现的效果是一样的，但是代码2在谷歌，光标就会显得很长，并且露在文本框外，所以推荐使用第一种代码，部分高度用padding上下高度取代