title: Background image rendering issues in Mobile Safari (iPad)
body: <p>I'm experiencing a simple, yet unexpected rendering issues when browsing my webpage using Mobile Safari and iOS.</p>
  
  <p>Basically, my page has tabs, which are made of three divs and a "a href" inside the center div of the tab. The divs on the sides contain a background while on the center the link has an image. For some reason, the background on the a href displays horizontal yellow lines on Mobile Safari:</p>
  
  <p><a href="http://i.stack.imgur.com/jlKHf.jpg" rel="nofollow">http://i.stack.imgur.com/jlKHf.jpg</a></p>
  
  <p>While on desktop browsers it works fine:</p>
  
  <p>[couldn't add another link, it should be whiteish]</p>
  
  <pre><code>.TabPanelLinks_true {
      background: url(".../seltab-center.jpg") repeat-x scroll 0 0 transparent;
  }
  
  .TabPanelElement a {
      color: #5C5C5C;
      cursor: pointer;
      display: block;
      font-family: arial,helvetica,clean,sans-serif;
      font-size: 11px;
      font-weight: normal;
      line-height: 22px;
      margin: 0;
      padding: 0 5px;
      text-align: center;
      text-decoration: none;
  }
  </code></pre>
  
  <p>I've tried with a different image, no success. I tried adding the background to the center div, no success. Any idea of what's happening?</p>
  
  <p>Thanks in advance.</p>