I have a strange problem with a sprite image. I have sent the exact width/height with overflow hidden it works perfectly in all browsers apart from when zoomed out on the phone it is displaying the line of text above even though it is not viable on any other screen.
It works fine when you zoom in to 100%. Is there any apple specific code that I can add to the head that will prevent this?
Ok, i suspected this.
You see, Mobile Safari is not very accurate when it to comes showing background images. ( even when viewing 100% )
So you might wanna put like 2px padding ( in the actual image ) to each separate image. ( So that they have around 4px separating each individual image on all sides. )
This image is the ‘culprit’ http://dev.equi-trek.com/webapp/templates/images/mainav-sprite.png though Mobile Safari is the real culprit i guess.