My background is white, with a repeating image across the top. This works great, but in iOS safari, when the page is zoomed out, a grey line appears beneath that image...
I know this is a rendering problem with the browser, how it scales the page or whatever, but does anyone know how to get around it? Is this approach of applying a background image correct?
The site is at www.aidanhornsby.com
an example iPhone screenshot is at https://s3.amazonaws.com/aidanhornsby/misc/IMG_0058.PNG
Looking at your repeating PNG you have black and then the gradient. Try setting the repeat on the background to only repeat-x and see if that works.