IE8向文本区域插入文本问题

但我对IE8有意见。如果有大量的文本,我试图插入文本在最后的某个地方-它的滚动上升。

<script type="text/javascript">
function bold()
{
    var text1 = document.getElementById('text1');
    var sel = '';
    if (document.selection) 
    {
        sel = document.selection.createRange();
        sel = sel.text;
    }
    if(sel)
    {
        text1.focus();
        document.selection.createRange().text = '<strong>' + sel + '</strong>';
    }
}
</script>

<textarea id="text1" rows="10" style="width:100%;"></textarea>
<br />
<input type="button" value="bold" onclick="bold();" />

只有当我将width设置为textarea时,才会发生这种情况,因此代码可以使用以下标记:

<textarea id="text1" rows="10" cols="80"></textarea>