I am looking to have the Html table with 4 rows with in jquery modal but it is not fitting the corners of Modal.Iam opening the modal when i click on a button. it looks like we have the table inside the modal .How can i overcome that

Javascript:

$(document).ready(function(){
    $("#dialog1").dialog({
                autoOpen: false,
                height: 390,
                width :480,
                resizable: false,   
                modal: true
    });
    $("#button1").click(function (){
        $('#dialog1').dialog('open');
        $("#dialog1").dialog( "option", "closeOnEscape", false );
    });
)};

HTML:

<div id="dialog1"  style="display:none"> <table width ="100%" border = "1" align='center'> <tr><td align = 'center'>tesstttt</td></tr>  <tr><td>testin gggggg.</td></tr>  <tr><td align = 'center'><img src="sp.gif" border="0" align="center" hspace="12"/></td>     </tr>  <tr><td> errors:????</td></tr>  </table>  </div>