window.showModalDialog 子页面显示出现滚动条

<script type="text/javascript">
    var sFeatures = "dialogHeight:50px;dialogWidth:1200px;center:yes;scroll:yes;status:no;";
    function modopen() {
        window.showModalDialog("/Page/hp.aspx", this, sFeatures);
    }
</script><input id="Button2" type="button" value="自适应"  onclick='modopen();'/>上面是父页面的代码。。
下面是子页面的代码
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="hp.aspx.cs" Inherits="Page_hp" %><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
        <script src="../Scripts/jquery-1.4.1.min.js" type="text/javascript"></script>
</head>
<body style="border: 1px solid red; margin: 0 auto; width:80%">
    <form method="post" action="" id="form1">
    <input id="Button1" type="button" value="自适应"  onclick="fittosize();" />
    <div class="forms">
        <pre>测试自适应测试自适应</pre>
        <pre>测试自适应测试自适应测试自适应</pre>
        <pre>测试自适应测试自适应测试自适应</pre>
        <pre>测试自适应测试自适应测试自适应</pre>
        <pre>测试自适应测试自适应测试自适应</pre>
        <pre>测试自适应测试自适应测试自适应</pre>
        <pre>测试自适应测试自适应测试自适应</pre>
        <pre>测试自适应测试自适应测试自适应</pre>
        <pre>测试自适应测试自适应测试自适应</pre>
        <pre>测试自适应测试自适应测试自适应</pre>
        <pre>测试自适应测试自适应测试自适应</pre>
        <pre>测试自适应测试自适应测试自适应</pre>
        <pre>测试自适应测试自适应测试自适应</pre>
        <pre>测试自适应测试自适应测试自适应</pre>
        <pre>测试自适应测试自适应测试自适应</pre>
        <pre>测试自适应测试自适应测试自适应</pre>
        <pre>测试自适应测试自适应测试自适应</pre>
        <pre>测试自适应测试自适应测试自适应</pre>
        <pre>测试自适应测试自适应测试自适应</pre>
        <pre>测试自适应测试自适应测试自适应</pre>
        <pre>测试自适应测试自适应测试自适应</pre>
        <pre>测试自适应测试自适应测试自适应</pre>
        <pre>测试自适应测试自适应测试自适应</pre>
        <pre>测试自适应测试自适应测试自适应</pre>
        <pre>测试自适应测试自适应测试自适应</pre>
        <pre>测试自适应测试自适应测试自适应</pre>
        <pre>测试自适应测试自适应测试自适应</pre>
        <pre>测试自适应测试自适应测试自适应</pre>
        <pre>测试自适应测试自适应测试自适应</pre>
        <pre>测试自适应测试自适应测试自适应</pre>
        <pre>测试自适应测试自适应测试自适应</pre>
        <pre>测试自适应测试自适应测试自适应</pre>
    </div>
    </form>
    <script language="javascript" type="text/javascript">
        function fittosize() {
            window.dialogWidth = '1000px';
            //document.body.style.display = "none";
            //document.body.style.display = "inline";            //$("body")[0].style.display = "inline";
            //window.dialogHeight = 'px';
        }
    </script></body>
</html>
但是打开子页面后会出现滚动条，请问怎样去掉呢？