Есть 2 картинки.
Первая фон.
Вторая подсвеченная первая.
На странице отображается так:
Снизу первая.
Сверху куча дивов, которые отображают фрагмент второй как спрайт.
top: 168px;
left: 145px;
width: 170px;
height: 99px;
background-position: 145px 168px;
Отображает совершенно не тот элемент. Зато -145px -168px; - работает все норм. Но не у всех. Притом это не логично.
way.pm/sw/Map/?location=3001
Сделал так. С background-attachment: fixed;
Но если сдвинуть блок с картой вниз, то приходится увеличивать все background-position и это не удобно.
Наводите мышью на карту, что бы понять, что нужно.
Как сделать все это наиболее кроссбраузерно и менее накладно? 
Средний
