Скрыть часть изображения, которое вышло за пределы области

Здравствуйте! Прошу помощи, вопрос такой: 1.Есть контейнер .container с размерами 300 на 200 пикселей. 2.Внутри него есть div с изображением, изображение меняя координаты движется. Как сделать так, чтобы при выходе изображения за пределы контейнера оно не показывало ту часть, которая уже вышла за пределы, была видна только та часть, что еще в контейнере? Т.е. сначала пропадает крайняя часть изображения и по мере движения, пропадает все изображение.

/*Контейнер (область видимости изображения)*/
.container {
    width: 300px;
    height: 200px;
    margin: 0 auto;
    background: #000000;
}
.images {
    position: absolute;
}

.container {
  width: 300px;
  height: 200px;
  margin: 0 auto;
  background: #000000;
  position: relative;
  overflow: hidden;
}

NtHing, Спасибо большое! Почему то overflow: hidden без position: relative не работало.

frolandr, потому что для .images задано абсолютное позиционирование, он выпадает из потока и позиционируется относительно ближайшего предка у которого задано любое позиционирование отличное от static. Если такого предка нет, то позиционирование идет относительно body