Webkit / Chrome has some problems with images ending up behind the scrollbar. Does anyone know how to fix this problem? It is forcing me to use overflow:scroll to ensure that webkit plays nice with my layout. All other browsers has zero problems with this.
Here is a link to an example on codepen: (Use Chrome)
In the above forum post, you can download a zip file with an example of the bug + screenshots of how it looks in chrome on my computer, in case the bug doesn’t happen on your chrome
To get the error to happen in chrome: have an image that has width:100% or max-width:100% and height:auto as the last item within a div with overflow:auto. Im sure there is other ways to trigger the bug, but this is my current scenario that i’m trying to overcome.