Thanks for this thread. I’m having a similar issue. Building a theme from the twentyeleven theme, but keeping a lot of the base-styles as close as I can to the original so I can take advantage of the html5 and mobile scalability.
All the thumbnails in IE8 are showing up like a narrow 10 pixel wide image. These all show up in Firefox and Chrome just fine. It’s just IE (imagine that!). god I hate that browser! Why can’t Bill Gates get his browsers compliant! but I digress…
I’ve looked at all the styles for the thumbnails and everything appears to be fine. not sure why it’s not forcing the width.
I’ve also predefined the thumbnail in the functions.php
with
if ( function_exists( 'add_image_size' ) ) add_theme_support( 'post-thumbnails' );
if ( function_exists( 'add_image_size' ) ) {
add_image_size( 'cat-thumb', 150, 150 );
add_image_size( 'search-thumb', 100, 100, true );
add_image_size( 'home-thumb', 150, 150, true );
add_image_size( 'project-thumb', 504, 378, true );
add_image_size( 'head-thumb', 245, 166, true );
}
I’ve also tried to force the img size using the classes that are embeeded in-line:
.entry-content .entry-thumb img, .home .entry-thumb .wp-post-image img{
height: 100px;
width: 100px;
padding: 3px;
}
to no avail. I’m pretty sure it’s not a plugin conflict because everything is working fine in the other browsers.
Any help is appreciated!