I've tried searching on the web including Stack Overflow and haven't found a solution.
So I just finished developing a website on Mac and it looks fine on Chrome, Firefox, and Safari.
When I go to use Windows, everything shows up fine in Internet Explorer, but not on Chrome and Firefox. Some images don't load in Chrome and Firefox only on PC!
I inspected the elements with both browsers and it looks fine.
Here is the code:
<td><a href="https://www.facebook.com/appenze"><img style ="height:130px;width:130px;margin-right:-20px;" src="images/facebook_old.png" /></a></td>
<td><a href="https://plus.google.com/+Appenze/"><img class ="social-media-pic" src="images/GooglePlus-Logo-02.png" /></a></td>
<td><a href="http://www.linkedin.com/company/appenze-technologies"><img class ="social-media-pic" src="images/transparent-Linkedin-logo-icon.png" /></a></td>
<td><a href="https://twitter.com/appenze"><img class ="social-media-pic" src="images/twitter-icon-square.png" /></a></td>
You guys are going to laugh when you read this.
I've solved the image loading problem. When I disable the "Adblock Plus" extension that run in both the browsers and refresh the page, the images appear normally.
This problem only seems to be happening for Chrome and Firefox on Windows. I am running Adblock Plus on both Chrome and Firefox on Mac and the images appear normally. I also have Adblock Plus installed on Internet Explorer on my PC and the images are still loading properly.
I still don't know how to fix this for people that are using the Adblock Plus extension though.