Html iPad（Safari或Chrome）上的小间隙（可能是填充或空白）

我们设计了一些网站，这些网站在IE、FireFox、Chrome或Opera的Windows、Linux或Mac中没有任何问题

我在iPad（Safari或Chrome）上查看了我的网站，在这两个浏览器中，我的页面右侧都有一个小间隙

我使用Eric Meyer的重置css：

例如，我拍摄了一个屏幕截图：

这是一个

层，这是css样式：

我该怎么解决这个问题

更新：

这是HTML代码：

<div id="footer">
    <a href="http://domain.com">My WebShop V1.0</a>
    <ul>
        <li><a href="#">About Us</a></li>
        <li><a href="#">Term of use</a></li>
        <li><a href="#">Jobs</a></li>
        <li><a href="#">Advertisment</a></li>
        <li><a href="#">FAQ</a></li>
        <li><a href="#">SiteMap</a></li>
        <li><a href="#">Contact</a></li>
    </ul>
    &copy; 2013 My WebShop - Allrights reserved.
    <br />
    <a href="#" >Designed and Developed by IITA</a>
</div>

更新2:

我发现了新的东西， 在此层（我指页脚）之前，我有另一层：

<div class="mainPage center width990">
       ....
</div>

当我从

.mainPage

删除

填充

和从

.width990

删除

宽度

时，问题就会解决！ 但是这个层（

.mainPage

）不是

#footer

的父层，

#footer

在

.mainPage

之后

---

这是一个BUG吗？

你能把它摆弄一下以获得更好的图片吗？也请在这里发布你的代码，而不是它的图片。我更新了我的question@PatrickEvans我发现了新的结果，我在

update2

中发布了你的主页和页脚是否被另一个div或其他元素包装，或者它们只是在标签中

<div class="mainPage center width990">
       ....
</div>

.mainPage {
    min-height: 800px;
    padding: 5px;
}

.width990 {
    width: 990px;
}

.center {
    margin: 0px auto;
}