1) Вы в CSS пропустили 1 строку кода и из-за этого координаты считаются от края браузера (добавьте
position: relative; к объекту
#map-object {...}, после этого будет все нормально):
#map-object{
background: url(../images/background-map.jpg) no-repeat;
position: relative;
width: 679px;
height: 508px;
}
2) Вы немного не правильно считаете координаты. Например, для маркера
#marker1 a {...} у вас должно быть слева 60px, a сверху 160px.
Т.е. вместо того что у вас прописано:
#marker1 a {
left: 73px;
top: 174px;
}
Должно быть так:
#marker1 a {
left: 60px;
top: 160px;
}
И так для всех ваших маркеров нужно пересчитывать координаты, т.к. все неправильные.
p.s. рекомендую также для отображения картинки в всплывающем окне, добавить ширину и высоту одинаковых размеров и желательно не превышающих само всплывающее окно. Будет смотреться намного лучше.
