UserAgent: Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/51.0.2704.106 Safari/537.36

Example URL:
<internal url>

Steps to reproduce the problem:
1. Go to a page which renders png images (by img tag) using inline html in a div tag. Doesn't matter if image url is relative or absolute, http or https.
2. Image is off-screen by default (hidden by overflow: hidden), user has to scroll down to the images which are rendered in a table.
3. Observe that image area is empty. Looking in network monitor, requests to server (also if multiple images) is listed as "pending" and never completes. No border or anything around image element.

What is the expected behavior?
img element should load the content and display the image.

What went wrong?
No errors in console. Image request stays pending forever. Image element when opened in devtools looks ok, src is set, width height looks ok.

Does it occur on multiple sites: No

Is it a problem with a plugin? No 

Did this work before? N/A 

Does this work in other browsers? Yes 

Chrome version: 51.0.2704.106  Channel: stable
OS Version: 6.1 (Windows 7, Windows Server 2008 R2)
Flash Version: Shockwave Flash 22.0 r0

To make the image appear, I did the following using the devtools. When doing this programmatically by javascript from devtools, it didn't work; only applying this manually using devtools triggered image to load:
1. Find one of the images using the devtools element browser.
2. Add style attribute: "position: absolute; top:0px;left: 0px;"
3. In network monitor, it triggers the request to complete and image to appear on the top left position in the webpage.
4. When clearing the style of the added text ("position: absolute; top:0px;left: 0px;"), the image correctly appears further down on the webpage.

So by applying the style, it triggers Chrome to finalize loading of image and display it.