title: How do you get rid of a white right margin on iPhone's Safari for a web site?
body: <p>I've converted an existing site theme (that I did not build) into a responsive theme for mobile support. It's a Drupal 6 site, if that matters.</p>
  
  <p>I'm getting a slight right white margin on most interior pages, and I can't seem to find the culprit. I've tried setting the body width to 100%, setting overflow-x to hidden on the body tag, and outlining all the divs in red to find the culprit.</p>
  
  <p>Do you know of any causes of a right margin on mobile Safari?</p>
  
  <p>View port setting:</p>
  
  <pre><code>&lt;meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no"&gt;
  </code></pre>
  
  <p>The right side margin is not for scrollbar, as this margin differs from sites that fit right like cnn.com</p>
  
  <p>An example interior page:</p>
  
  <pre><code>http://nano.omnidev3.com/nanotech-101
  </code></pre>
  
  <p>(Trying to avoid a Google index. This demo site is <em>not</em> under my control, so I can't put in the normal measures I would to properly prevent a stage site from being indexed.)</p>