Картинка внутри div

[darlov]

Помогите пожалуйста, не могу сообразить. Хочу чтоб картинка помещалась внутри div и чтоб эта картинка была больше этого diva и отцентрирована по центру, а часть картинки которая выходит за пределы div не было видно. Как в контакте, в юзерпике отображается только часть фото.

.div{
width: 166px; height: 166px; overflow:hidden;
}
.img{
width: 100%;
}

С помощью этого я обрезал картинку по диву, но как ее сдвинуть чтоб центр этой картинки был внутри div

[darlov]

Никто наверно не сталкивался с такой задачей. Видимо придется задействовать php, резать картинку при загрузки и сохранять этот кусок, потом вставлять в div. Так наверное правильней будет

[Yazon_Nile]

1. На див оверфлоу хидден.

2. На картинку посишн релетив + лефт и топ = 50%.

3. На картинку маржин-лефт и маржин-топ поставить поствить отрицательные значения соотв ширины и высоты картинки.

[darlov]

Спасибо большое!

[PeterLS]

В этом случае обязательно нужен PHP. Во всяком случае для красивого отображения и корректной работы.

[Константин]

Либо картинку сделать фоном и по центру расположить.