Website Not Displaying Properly in Internet Explorer

[IRGmarketing]

Hello,

Im having an issue with my website not displaying correctly in IE. When you scroll down the website, the images get pushed together and out of alignment.

The site looks good in Chrome, Safari, Firefox.

Any idea what is causing this?

[IRGmarketing]

Website in question is http://d3u.c57.myftpupload.com/

[friech]

Hi @IRGmarketing,

Thank you for writing in, that is a bug in IE where it does not support the max-width: 100%; we apply on images. With that property, images should respond to its parent div’s width, but it’s not on IE. To fix this issue please add the following custom CSS to Theme Options > CSS

/*image and card fix on IE*/
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {  
   .x-face-graphic img,
   .x-image img {
   	width: 100% !important;
   }
}

Hope it helps,
Cheers!