Question

I’m having a problem with IE8: It doesn’t shows featured images on this website: http://www.melisayavas.com/news/

This is the code in my functions.php used to output the featured images:

if ( function_exists( 'add_theme_support' )) {
    add_theme_support( 'post-thumbnails' );
}

if ( function_exists('add_image_size')) {
    add_image_size('news-thumb', 200, 200);
}

This is the CSS used for the featured-images:

.post-thumb {
    float: left; 
    padding: 10px;
}

Specifically for IE8 I have this CSS:

.post-thumb img {
    float: left\9;
    margin-top: 10px\9;
    margin-right: 10px\9;
}

If I add margin or width to the .post-thumb element, the image shows up on IE8 but I don’t need a fixed width or height. I don’t understand why it doesn’t pick up the image width and height.

Answer 1

The problem is caused by this rule:

img, object, embed {
    max-width: 100%;
}

If you remove the img from this rule, the image will appear in IE8.