在Mozilla Firefox中，Textarea内容溢出容器外部

Question

所以我在Chrome和Firefox上测试HTML / CSS代码。 textarea似乎在Chrome上渲染得很好，但当我转移到Mozilla进行测试时，文本溢出到顶部。

profile-post-commentbox{
width: 90%;
border: none;
background-color: rgba(245, 245, 245, 0.5);
padding-left: 10px;
resize: vertical;
overflow: auto;
min-height: 40px;
}

HTML -

<div class="profile-post-commentsection">
    <textarea class="profile-post-commentbox"></textarea>
</div>

有关如何解决此问题的任何想法？我甚至试过设置更高的填充。它不起作用，文本溢出到容器的顶部。