title: iFrame showing a grey line in mobile safari only
body: <p>I designed a simple corporate site, and have spent more time trying to debug this rendering issue than I have getting stuff to work correctly in PHP!</p>
  
  <p>I have an iframe. On all other browsers (even Safari on the desktop) it renders correctly, but on Safari mobile there is a thin grey line on the border of the iFrame - but only at certain zoom levels. I read other similar posts that had to do with 2 divs coming in contact with each other, but there iFrame is not encased in a div. </p>
  
  <p>Relevant CSS:</p>
  
  <pre><code>iframe.noBorder {
    border: none;
    border:0;
  }
  </code></pre>
  
  <p>Actual iFrame embed code:</p>
  
  <pre><code>&lt;iframe class="noBorder1" src="header.html" width=980 height="160" frameborder="0" border="0" scrolling="no" &gt;&lt;/iframe&gt;
  </code></pre>
  
  <p>Like I said, it's not in a div or anything. </p>
  
  <p>You can see the problem <a href="http://www.tonangi.com/ulm-preview/company_profile.html" rel="nofollow">here</a> or check out the <a href="http://www.tonangi.com/ulm-preview/photo.PNG" rel="nofollow">image here</a>.</p>