Problem with featured image in IE

Which image is the featured image and which version of IE are you experiencing the issue in?

I am using IE 10. By featured images I mean the three circle images on the homepage.

[Moderator Note: No bumping, thank you.]

Has anyone got any idea about this problem please? I noticed it happens on this demo site too:

https://demo.themesandco.com/

I couldn’t replicate the problem using IE10.

I’m not seeing anything wrong in IE 10.0.9200 either.

I’ve looked at it with 2 different machines in IE 10 Windows 8. Happens in both.

I forgot to say I was using Win7. Know anyone who’s NOT Win8?

Right, two other people tested it for me and it looks like it is a Win8 problem. Any ideas what can be done to fix it? Work arounds? I don’t even know where to start looking?

I don’t have access to Win8 so can’t help this time, sorry.

Is this what you see in the circle rollover animation https://snag.gy/ThAqS.jpg (over the first circle) ? Does the issue go away before the animation has started and after it has completed, does it only persist in the animation process?

Yes that is what I am seeing. And yes it only persist in the animation process. You sound like you have an idea what it is and hopefully how to fix it ??

In your “Custom CSS” part of the dashboard try entering this:

.span1,
.span2,
.span3,
.span4,
.span5,
.span6,
.span7,
.span8,
.span9,
.span10,
.span11,
.span12,
img {
  transition-property: all;
}

Thanks you Andrew. I added it to my style.css in my child theme. Does that do the same thing? It didn’t change anything?

This will affect other browsers but can you add this and see if it helps:

.thumb-wrapper {
 width: 271px;
 height: 252px;
 margin-top: -2px;
}

Hi Andrew, thanks for this.

Good news is it works on the laptop.

Bad news is it gives problems on my phone (Samsung Galaxy S2) It is showing the image in the top right corner (where it should be masked) and the images are not in the centre anymore. Can’t test other devices right now but definitely not good on my phone.