Посмотри в сторону html5 тегов map и area. Применить их можно к примеру если необходимо выставить координаты местоположения на карте. Картой может выступить простое изображение. Вот пример семантики:
www.wisdomweb.ru/HTML5d/html5_area.php
Или
www.w3schools.com/tags/tryit.asp?filename=tryhtml_...
Кроссбраузерно.
Точки выставляются в теге по атрибутам coords='3,8,72,75' то есть координаты, там ты задаешь их сам на каждую точку. Это конечно займет больше времени чем с position: absolute; в секции с position: relative; но это правильней + узнаешь для себя что-то новое. Полоску при наведении можно сделать картинкой и не мучаться. Просто навесь на линк свойство :hover где будет указан путь до правильно скроенной картинки с линией.
Хотя комментарий от Сергея тоже работает. Тут уже надо смотреть в сторону того будут ли проверять твой исходный код и конечно же желания сделать правильней) Удачи!
