如何做到点击按纽使层变小

写个例子自己看，主要用样式表的 overflow:auto ！<body>
<input type="button" id="btnReduce" value="缩小">
<input type="button" id="btnEnlarge" value="扩大">
<div id="divFrame" style="overflow:auto; border:#ff0000 1px solid; width:100px; height:100px;">今天好热呀！今天好热呀！今天好热呀！今天好热呀！今天好热呀！今天好热呀！<div>
<script language="JavaScript">
<!--btnReduce.onclick = function()
    {
        divFrame.style.width = divFrame.offsetWidth - 20;
        divFrame.style.height = divFrame.offsetHeight - 20;
    }btnEnlarge.onclick = function()
    {
        divFrame.style.width = divFrame.offsetWidth + 20;
        divFrame.style.height = divFrame.offsetHeight + 20;
    }
//-->
</script>
</body>