Как сделать чтобы все картинки были одного размера?
Картинки разные, если вертикальные сделать одного размера с горизонтальными, то будет смотреться коряво.
Вложеннность таблицы странная и нафиг не нужная. Нужно table->table-row->table-cell, а не table->table-cell. Я бы на вашем месте переработал структуру.
Попробуйте.element
{
    overflow:hidden;
    width:300px;
    height: 300px;
    margin: 5px;
    float: left;
    
    position: relative;
}

.element img
{
   position: absolute;
   top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}