当父页面是表格html时，ipad fancybox问题

Question

#fancybox-overlay{width : 100%}但是我发现fancybox的宽度与ipad中safari浏览器的宽度不完全相同，它只有80％的宽度。

我发现问题是父页面有一个表格。

当我删除表格时，事情就没事了。但我不想删除它。

那么，在不删除表的情况下，我必须做些什么才能做好所有事情？非常感谢！

$("#popup").fancybox({
    type: 'iframe','position':'absolute', 'overlayOpacity': '0.8'
 });


 <a id = "popup" href="popup.html"></a>

 <table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">
 <tr>
<td align="center">
   <table width="962" border="0" align="center" cellspacing="0" cellpadding="0" bgcolor="#FFFFFF">
  <tr>
    <td align="center"><img src="img/spacer.gif" width="36" height="36" /></td>
  </tr>
</table></td>
  </tr>
  <tr>
    <td align="center">&nbsp;</td>
 </tr>
 </table>