textarea padding问题以及在ie下开始就显示了滚动条

<div class="reply-box">
   <textarea rows="3"  class="textarea-reply" style="width:600px;overflow:auto" placeholder="说点什么" >  </textarea>
</div>

  css

.reply-box {
    padding: 0;
    margin: 0;
    border: 0;
    width: 610px;
    font-size: 12px;
    line-height: 16px;
}

.reply-box .textarea-reply {
   padding: 0 5.5px 0 5.5px;
    -moz-padding-end: 0px;
    -moz-padding-start: 0px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

  效果