How do I get my table images to be the same size?

Question

I've created a table with images all sized 150x150px yet some images are showing larger/smaller than others.

Annoyingly, when I put the code into JSFiddle it seems to be fine. Yet in my site (using Wordpress) some of my images show larger/smaller ect.

The JSFiddle can be seen here .

The table "in action!" can be seen at:

http://79.170.44.112/activate-enterprise.co.uk/meet-the-team/

How can I fix this?

Answer 1

I find the error, it's your wordpress style :

On the image you have this design :

media="all"
    img {
        max-width: 100%;
        height: auto;
    }

If you remove this design, your images are showed properly.

img {
    max-width : inherit;
}

Answer 2

You have max-width: 100%; in one of your styles for the img tag.

img {
    max-width: 100%;
    height: auto;
}

I feel by setting the max-width: inherit , your problem will solve.