Ну так HTML map используйте!
тут тема в чем
1. рисунок на разных мониторах и разном разрешении будет ехать.
Или сжиматься, или увеличиваться. - будет страдать качество.
Полноценный сайт особо не выйдет.
CSS3:
body {
background: url(img/image.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
Иногда при сложных вариациях сайта используют разные картинки.
Для этого обычно JAVASCRIPT инициализирует размер окна и подгружает необходимую картинку.
(можно подгружать с данными о mapping` ге)
