为什么Firefox没有正确呈现这个textarea元素？

Question

我对其中一个网页（CSS和HTML）进行了一些更改，现在Firefox无法正确呈现此textarea。它在顶线中间发生了一种抖动效应。我不确定它是否与我所做的更改有关，但是可能导致这种情况呢？

<div id="CommentForm">
    <form action="/posts/add-comment" method="post">
        <input type="hidden" id="Table_Name" name="Table_Name" value="Posts" />
        <input type="hidden" id="Table_ID" name="Table_ID" value="47" />
        <input type="hidden" id="IsLiveBroadcast" name="IsLiveBroadcast" value="1" />
        <textarea name="Comment_Body" id="Comment_Body" rows="1"></textarea>
        <div id="error-messages"></div>
        <input type="submit" class="floatRight" id="postComment" value="Post your response" />
    </form>
    <div class="clear"></div>
</div>

正在应用的CSS：

#live_broadcast_post #CommentForm {
    margin: 0;
    padding: 0;
    width: 460px;
    height: auto;
    background: none;
}

#live_broadcast_post #CommentForm textarea {
    font-family: "Lucida Grande",Verdana,"Bitstream Vera Sans",Arial,sans-serif;
    font-size: 12px;
    padding: 5px;
    width: 98%;
}

奇怪的是，在我做出更改之前没有发生这种情况，现在它只影响Firefox，而不是我测试过的任何其他浏览器。

更新

我注意到当页面加载时，它会正确呈现。只有在iframe（也在此页面上）完成加载后，渲染才会发生变化。

Answer 1

即使文本本身受到影响，这看起来更像是OS /图形卡/渲染问题。

我会在质疑标记之前先在另一台机器上尝试。

Answer 2

我在某些网站上看到过这种抖动，而不仅仅是Firefox。 可能是图形渲染（卡片）相关。