Images not showing up in IE8? Why?

Which images?

All of them. If you view that site on FF, Chrome, even IE9, you’ll see a bunch of images on that homepage. I don’t see them at all in IE8.

This is what I see in IE8 https://snag.gy/Nl3W2.jpg

Right, that’s a slider. There are image to the right of it and all down the bottom of the page. Have you seen it on FF or Chrome? All the images show up there. I’m trying to figure out why they don’t show up in IE8.

Looks like it’s because of your width of 100% styles on the images that aren’t showing.

So I took out the width:100% in Firebug and when I do that, the image does not auto-scale down to the container size, but expands beyond it.

How can I have the image auto-scale while still having it show on IE8?

Try max-width?

max-width: 100%;

Sorry, should have mentioned that’s what I used in place of the width:100% and the image didn’t auto-scale.

Can you also confirm that my hypothesis was correct, that the 100% width was causing the issue?

Still working on that. I have to find a computer with IE8 since my minutes on SauceLabs ran out today.

Let us know when you get your IE8 machine again.

Ok, got on IE8, finally!

I added this to my ie8.css file:

a.rs-gen-img.thumbnail > img, div.thumbnail > img {
	max-width:100%;
	width:auto;
}

The images show up, but are definitely bigger than the container they’re in.

I can’t see that issue, can you link to a screenshot of it to illustrate it?

This is what it should look like: https://snag.gy/y0wFJ.jpg

This is what I’m seeing in IE8: https://snag.gy/Hew10.jpg

I had to reduce the resolution on the IE8 screenshot to get it all in one window, but you can see how the images go past the edge on the right side now. The edges are indicated by that horizontal rule below the images.

Could you try adding min-width: 100%?
E.g;

a.rs-gen-img.thumbnail > img, div.thumbnail > img {
	max-width: 100%;
	min-width: 100%:
	width: auto;
}