Доброго времени суток!

Мне нужно задать направление, где и что искать в задаче по верстке.
У меня есть макет под адаптивную верстку. В этом макете два блока: один снизу, другой сверху страницы. Между ними третий, в основе которого лежит изображение/фон. Это изображение должно масштабироваться под ширину устройства. Изображение должно сохранять пропорции; при нестандартных соотношениях ширины/высоты устройства, часть изображения может скрываться (либо могут появляться пустоты). И самое главное: поверх изображения должны быть кликабельные элементы привязанные к определенному месту.
Вот пример прототипа:
http://youtu.be/PQwl_9RMrWI

Я хочу, чтобы на нем темно-красный и ярко-красный квадраты совпадали на разных разрешениях экрана.
Javascript и z-index нежелательны.
Поддержка мобильными устройствами критична.

Замечание модератора: Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней. Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой или обратитесь к любому из модераторов.