Изображение в DIV шире окна браузера оставить по центру

[sion999]

Всем доброго времени.

Давно пользуюсь этим сайтом и всегда находил ответы. Но видимо пришло время спросить у знатоков.

Суть вопроса. Сразу приведу пример сайта ivi.ru. Хочется сделать как у них.

У них рекламные постеры (изображение) в верху страницы размером 1700х424. И они используют jcarousel для слайдера.

Но проблема в том, что jcarousel или другие слайдеры работают только с изображениями внутри блока DIV.

Если блоку дать значение как background, то картинка центруется, но нет эфекта перехода (затухания).

А если задать путь к изображению внутри блока, то блок при меньшем разрешении чем 1700 прилипает к левой стороне браузера, а не цинтрируется. На ivi.ru при изменении размера окна как-то DIV остаётся по центру и обрезает не нужное и слева и справа.

Простейший код: <div><img src="1.jpg" width="1700" height="424" /></div>

Как его заставить обрезать лишнее с обеих сторон, например при изменении окна менее 1000?

Пример сайта ivi.ru дан для наглядности. Если вызвать контекстное меню, то видно, что у них изображение, а не фон (его можно сохранить). Но при этом уменьшая ширину окна этот блок вместе с изображением остаётся по центру.

Уже 4 дня мучаюсь и не могу сделать подобное. Возможно нужен в дополнение JS.

Всем зарание спасибо.

[psywalker]

Особо не вчитывался, но если я пральна тя понял, то на body вешаешь:

min-width: 980px;
   overflow-x: hidden;