Масштабируемость изображений

[seregarem]

Подключил jQuery Cycle Plugin. Все здорово, но изображения теряют пропорциональность, т.е. если у меня div 200x200, а фото 350x500, то рисунки отображаются некорректно. Как можно разрешить данную проблему?

[monolithed]

задать размер самому блоку 300х500 или поставить overflow: hidden;

[seregarem]

Понятно. А как сделать чтобы размер фото был именно 200x200 (или увеличивалась до 200 или уменьшалась до 200), а остальная часть фото обрезалась?

[monolithed]

<style type="text/css">
#i1, #i2 {
    overflow: hidden;
    width: 100px;
    height: 76px;
}

#i2 img {
    overflow: hidden;
    width: 100px;
    height: 76px;
}
</style>

<div id="i1"><img src="http://javascript.ru/forum/images/ca_serenity/misc/logo.gif" alt="" /></div>
<div id="i2"><img src="http://javascript.ru/forum/images/ca_serenity/misc/logo.gif" alt="" /></div>