An small gap (may be padding or margin) just in iPad (Safari or Chrome)

An small gap (may be padding or margin) just in iPad (Safari or Chrome)

We designed some websites, these websites dont't have any problem in IE,
FireFox, Chrome or Opera in Windows or Linux or Mac.
I checked my websites in iPad (Safari or Chrome), in both browser I have
an small gap in right of my page !
I use Eric Meyer's reset css : http://meyerweb.com/eric/tools/css/reset/
for example I take an screen shot :
This is a <div> layer, and this is css style:
What should I do to solve this problem ?
UPDATE: This is HTML code :
<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>
CSS Code:
#footer {
background-color: #D6D5CF;
text-align: center;
line-height: 18px;
padding: 20px;
color: #000000;
direction: rtl;
font: 11px Tahoma, Geneva, sans-serif;
}