怎样使可编辑的DIV固定大小，当内容多时，就自动出现滚动条

<div id="div1" style="width:100px;height:100px;overflow:auto;">
<pre>
asdfasdfasdf
asdf
asd
adfs
as
df
asdf
asdfasd
</pre>
</div>