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>

```