After researching the issue with webkit browsers and images, I came across a problem that I haven't been able to find a solution for yet.
I developed a slideshow using jQuery that arranges images in a row and uses a mask element (with overflow: hidden) and the margin-left property to control which image is displayed. While this method is not original, it has worked perfectly on browsers like Firefox, Opera, and Internet Explorer. However, I have encountered a problem with Chrome where a portion of the first slide remains visible at the top of the slideshow, overlapping the subsequent slides during the sliding effect. Despite trying to adjust the CSS properties of the images after the sliding effect, the issue persists.
Has anyone encountered a similar problem and found a solution to fix it?
Thank you