Slider Not Showing Images in Internet Explorer

Hi,

I’m having some trouble with a WordPress theme that uses FlexSlider. As you can see in the demo below, it is not displaying correctly in IE 7 or 8.

https://www.mvpthemes.com/resportsive/

In my installation of the theme on a test location, I was able to get the titles to display after adding the code below, but couldn’t get the images to appear (screenshot: https://www.duoparadigms.com/IE_bug_screenshot.png) and the logo also disappeared.

This is the code that I’ve added in so far into the header:

<!--[if IE 6]>
<style>
.flex-caption {
min-height:333px;}
.flexslider .slides img {
width: 100%;
height: 332px;
}
</style>
<![endif]-->
<!--[if IE 7]>
<style>
.flex-caption {
min-height:333px;}
.flexslider .slides img {
width: 100%;
height: 332px;
}
</style>
<![endif]-->
<!--[if IE 8]>
<style>
.flex-caption {
min-height:333px;}
.flexslider .slides img {
width: 100%;
height: 332px;
}
</style>
<![endif]-->

FYI, I don’t know if the height tags are correct, but I copied that fix from another discussion about this same slider.

If anyone has any tips or suggestions, I would be most grateful! Let me know if you need me to link to any particular code files as well.

Thanks so much!