HTML CSS - Images not displaying?

<td class="participants">
   <img alt="" src="https://s3.amazonaws.com/app-name-production/profile_pics/1/small/xxxxx.jpeg">
   <img alt="xxxxxxxx" src="https://s3.amazonaws.com/app-name-production/profile_pics/5/small/xxxxx.jpg">
 </td>

Hello, I have the follow code block above which shows images. this div is shown via an AJAX request which then injects the images into the page. Everything in the injection works fine, text, links etc, except for these images.

For some reason sometimesthe images don't show in the browser? But if I highlight the text with my mouse they show up, or if I refresh they'll show up.

What would cause the images not to appear on the page when everything else is?

Adding C开发者_开发技巧SS:

.table-request-list .participants {
text-align: left;
width: 180px;
}
.table-request-list table td {
vertical-align: middle;
}
.table-request-list .request-item, .conversation-item td {
border-bottom: 1px solid #ECECEC;
}
.table-request-list .participants img {
vertical-align: bottom;
}

They are in https mode ,

check the webpage you are requesting is in https mode , otherwise it will throw warning and then showz it.

Better save the files in local image folder and try again

The issue was that the floated divs didn't have hard width and heights. Adding that did the trick.