I cannot seem to figure out why this image is being pushed down. I have test environment set up and it works fine, but when it goes live, this happens and I am using the same browser. Craziness its is! Notice the image being pushed down.
Give the link to the live site where the problem is occurring and I’ll tell you for sure, but it looks like the first image (cityscape) is taller (height) than the other images by 2 or 3 pixels. This makes the second row float over only as far as it can go to the left before hitting the margin of that first image. So that “pushed down” image isn’t pushed down, it is floating left correctly but is part of the third row.
Yes, I was right. Either A) specify the height of the div.thumb (it looks like 300px will work), and your images will adjust to 80% of that. Some will squish, but that squish looks better than what you have now. Or B) put a clear:both div after every 3rd picture.