Гуру CSS помогите обрезать картинку

Всем привет. Поставил на WP плагин Contextual Related Posts для вывода похожих постов. Проблема заключается в том, что в данный момент выводится первое изображение поста, подгоняя его по ширине под 180px, а высоту подгоняет пропорционально. Из-за чего блоки с изображениями имеют разную высоту, что смотрится не презентабельно. Необходимо окультурить, чтобы высота изображения была 125px, а ширина 180px.

В голове родилась мысль подгонялось по высоте под 125px, а ширину пропорционально. Если ширина на выходе больше 180px, то часть картинки обрезается (скрывается). Ширина блока должна быть строго 180px.

Но с другой стороны, если первое изображение поста вертикальное, что подогнав его по высоте в 125px мы получим большие отступы по краям. Что так же не презентабельно будет смотреться.

Прошу помощи в окультуривании всего этого хозяйства, чтобы картинка помещалась в размеры 180х125, а все, что не поместилось - обрезалось стилями.

В CSS не силен, моих познаний не хватило, чтобы это реализовать :(

Вот сам стиль:

.crp_related {

	clear: both;

	margin: 10px 0;

}

.crp_related h3 {

	margin: 0 !important;

}

.crp_related ul {

	list-style: none;

	float: left;

	margin: 0 !important;

	padding: 0 !important;

}

.crp_related li, .crp_related a {

	float: left;

	overflow: hidden;

	position: relative;

	text-align: center;

}

.crp_related li {

	margin: 5px !important;

	border: 1px solid #ddd;

	padding: 6px;

}

.crp_related li:hover {

	background: #eee;

	border-color: #bbb;

}

.crp_related a {

	-webkit-box-shadow: none !important;

	-moz-box-shadow: none !important;

	box-shadow: none !important;

	text-decoration: none !important;

}

.crp_related a:hover {

	text-decoration: none;

}

.crp_related .crp_title {

	color: #fff !important;

	position: absolute;

	bottom: 0;

	padding: 3px;

	color: #fff;

	font-size: .9em;

	text-shadow: 1000 .1em .1em .2em;

	background: rgb(0.5, 0.5, 0.5);

	background: rgba(0, 0, 0, 0.5);

	-webkit-border-radius: 7px;

	-moz-border-radius: 7px;

	border-radius: 7px;

}

.crp_related li:hover .crp_title {

	background: rgb(0.2, 0.2, 0.2);

	background: rgba(0, 0, 0, 0.8);

}

.crp_related li {

	vertical-align: bottom;

	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.4);

	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.4);

	box-shadow: 0 1px 2px rgba(0,0,0,.4);

	-webkit-border-radius: 7px;

	-moz-border-radius: 7px;

	border-radius: 7px;

}

.crp_clear {

	clear: both;

}

.crp_title:visited {

	color: #fff !important;

}

Спасибо всем, кто откликнулся и пришел на помощь ;)