How to scale image to fit the container?

Question

I have an image list, I want images scaled into their containers which have same size. like this:

Answer 1

Change the height and width to max-height and max-width. The image won't be any bigger than it's parent.

.thumbnail img {
    max-height: 100%;
    max-width: 100%;
}

Updated Fiddle