css - Single/sub pixel misalignment of divs on ipad and iphone safari -

i've got following situation, , need help...

1. two divs, same size, same location, 1 on top of other
2. everything works expected on desktop browsers
3. on iphone/ipad faint line appears around border of divs
4. this faint line not on 4 borders. changes depending on location of divs. looks happening result of 2 divs not lining properly, according style settings, of identical size , location.

you can see results here: http://www.thoughtartistry.com

any ideas?

i had similar problem in recent project had background image masks different background color colorize resulting icons in mobile safari. problem when page scaled down safari, there line of background color showing around image, though should have been masked. never found way prevent leaking of background color when page scaled down. it's error in mobile safari's algorithms recalculate background , mask. did find workaround: put outline on element same color background of element's parent. outline outside element , therefore masks part bleeding out. if element's parent has pattern background that's drastic, won't work well, if it's solid color, it'll fine.