title: iOS (Safari and Chrome) black border around div
body: <p>I have this <code>div</code> with no border. On the iPhone/iPad browsers it appears with a black border around. The code:</p>
  
  <pre><code>.progress {
  position: absolute;
  left: 0px;
  z-index: 9999;
  background: #ffffff url(img/progress.gif) center 95px no-repeat;
  height: 100%;
  }
  </code></pre>
  
  <p>I already tried with:</p>
  
  <pre><code>border: 1px solid white;
  </code></pre>
  
  <p>But to no avail. Also <code>transparent</code> brings nothing.</p>
  
  <p>Screenshot: <a href="http://liebdich.biz/img/Foto.PNG" rel="nofollow">http://liebdich.biz/img/Foto.PNG</a></p>
  
  <p>Edit: 
  Actually I am not sure what is happening. Since this div appears on other cases without border. Go to <a href="http://liebdich.biz/blanc" rel="nofollow">http://liebdich.biz/blanc</a> to see it live. It is the <code>Ajax</code> "loading" animation <code>div</code>. Whenever you click on a link you can see it. However if you go to <a href="http://liebdich.biz/blanc/profile" rel="nofollow">http://liebdich.biz/blanc/profile</a> and click on an image you see the same <code>div</code>, but with a border...?
  Can it be, that this is in connection with the jQuery <code>fadeOut</code> of the images? </p>
  
  <p>Thank you!!</p>