Помогите, пожалуйста, создать резиновое изображение, содержащие внутри себя резиновые
 

Здравствуйте. Я занимаюсь web-дизайном чуть больше года. И вот, пару недель назад решил научиться не только рисовать, но и программировать сайты, а знаний всё ещё маловато :) Подскажите, как мне реализовать одну задумку:

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

Не знаю, можно ли всё это сделать с помощью CSS, или необходим JavaScript...

http://img13.imageshack.us/img13/7718/68909597.png
http://img163.imageshack.us/img163/3201/44691107.png

Указывайте размеры в процентах + возможно понадобятся css3 media queries

Спасибо, буду пробовать