Javascript ColorBox HTML页面大小不正确

我使用ColorBox Jquery插件打开HTML文件。 我使用iframe属性打开HTMl页面。 但是HTML页面只占用颜色框的一部分，而不是整个部分

代码是

$(".iframe").colorbox({iframe:true, width:500, height:500 , overlayClose:true });       
    });

HTML代码是

<div id='container'>
<div id="sign1" class="sign" style="background-image:url('images/log.jpg'); position:absolute; width:1440px; height:25px;">
</div>
<div id='text11' class='text'><font color='white'><a class='iframe' href="hello.html"> Sign Up </div></font>
</div>

你可以试试这个

$(".iframe").colorbox({iframe:true, width:window.width, height:window.height , overlayClose:true });       
    });

不起作用，它缩小到一个非常小的尺寸，几乎像一个按钮。