JQuery写出的.Dialog在IE和Firefox上显示大小不一致

JQuery写出的.Dialog在IE和Firefox下显示大小不一致
RT，具体代码部分如下：
<div class="hidingDialog" id="logDialog">
    <form id="loginInfo" name="loginInfo" method="post" action="checkLogin.jsp">
<table width="400" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td width="83" height="51" align="right"><label for="textfield">用户名：</label></td>
    <td width="317"> <input type="text" name="UserName" id="UserName" /></td>
  </tr>
  <tr>
    <td height="54" align="right"><label for="UserPwd">密码：</label></td>
    <td><input type="password" name="UserPwd" id="UserPwd" /></td>
  </tr>
  <tr>
    <td height="56" colspan="2"><div style="margin-left:70px">
    <input id="logSubmit" type="submit" value="登录" />
     &nbsp;&nbsp;<input id="logCancel" type="button" value="取消" onClick="closeLog();"/>
</div>
<!--class="hidingDialog"是先被隐藏起来的-->
javascript如下：
          $("#logDialog").dialog({width:470,height:300,title:"welcome back!"});
 $("body").css("background","#F3E6FF");
显示大小不一样，郁闷中···
[解决办法]
搞定了，其实应该是html内容在IE和FIREFOX中的默认大小不一样，只要改变html内容的宽度（通过参数设置到合适的宽），问题就解决了~