Две фоновые картинки, залезающие друг на друга.

[main.c]

Имеется блок #content, высота не задана, минимальная ширина 940, максимальная 1280.

В этом блоке должны располагаться 2 фоновые картинки, 1 прижата к левому краю, а вторая соответственно к правому, при этом левая картинка занимает 42% ширины от блока, а вторая 74%, так как это больше ширины блока, 1 картинка должна залезать на вторую, но если бы их нужно было просто растянуть, вся соль в том, что при увеличении ширины должна увеличиваться высота пропорционально размерам картинки, огромная просьба объяснить, как это сделать?

[main.c]

Всем спасибо, я воспользовался средствами javascript.

[SAiNT]

дача конечно запутанная, но вообще-то я бы не стал привлекать JS для её решения. наверняка можно решить этот вопрос поигравшись со свойствами background - Position | Size (keep outside!) | Repeat (X,Y) | Origin | Clip | Attachment | BG-Image

в крайнем случае, создать два блока - один под другим с разными фоновыми картинками.