This is because the iPad scales your page. The size of your element where the sprite is used is scaled and the sprite image to. But it seems not to behave precisely.
The same thing happens when you zoom out in safari. This is because an image is not scaled the same way in the browser then a dom element. A dom element is rendered as vector object.So when you zoom in or out, the lines keep sharp.
When you do the same with a bitmap. It gets blurry and the browser need to guess how the image would look like smaller or bigger. You have two options: use more space between the sprites.
Use EMs and not Pixels in your CSS PS: Don't use! Important in your css.
Great insight, thanks. Why would using EMs help in particular? – Munzilla Apr 3 at 12:06 1 because safari seams to handle resizing better with EMs.
You could try specifying the CSS3 Background-size in percent. This could help to. – meo Apr 3 at 12:08.
The simplest fix for this is to put an outline around your spite with the border color the same as the parent container's background color. The outline is outside you element and does not effect layout. What you see is a problem mobile Webkit has when it scales down images with background color or background images, they bleed out of their container.
The outline will sit on top of that and cover it.
Like meo pointed out, best option would be to leave space between the sprites. There is also one last thing you can do, which is not to let the user zoom the web page by putting the following line in your tag. It would look the exact same as you view in the browser, which is pretty neat if you have loads of elements messed up in the iPad because of the sprite issue.
Good luck!
I cant really gove you an answer,but what I can give you is a way to a solution, that is you have to find the anglde that you relate to or peaks your interest. A good paper is one that people get drawn into because it reaches them ln some way.As for me WW11 to me, I think of the holocaust and the effect it had on the survivors, their families and those who stood by and did nothing until it was too late.