Обрезать картинку по высоте

[3d_max_9]

Столкнулся с проблемой отображения картинок в блоке.

Вот состряпал на быструю руку пример

http://cssdeck.com/labs/pf43xo0u

здесь картинка вылазит по высоте за блок div

если ее ограничить по высоте то она сжимается

http://cssdeck.com/labs/mxkx6uxy

как можно сделать так что бы она обрезалась по высоте а не сжималась?

спс!

[advokatua]

Чем overflow: hidden; для блока не угодил? (Не забудь высоту у картинки убрать)

Хотя, подозреваю есть еще более изящный способ. Это просто первое, что в голову пришло.

Edited October 28, 2013 by advokatua

[3d_max_9]

Чем overflow: hidden; для блока не угодил? (Не забудь высоту у картинки убрать)

Хотя, подозреваю есть еще более изящный способ. Это просто первое, что в голову пришло.

спс то что нужно

[spdif]

.wiev{
width:190px;
height:100%;
border:1px solid #333;
margin:50px;
}
img{
display: block;
width:190px;
}

вопрос не верно понял(

вот верный ответ)

.wiev{
overflow: hidden;
width:190px;
height:200px;
border:1px solid #333;
margin:50px;
}
img{
width:190px;
}

Edited October 28, 2013 by spdif