Ideen gesucht zum Darstellen von Städten auf Landkarte

[Rannh]

Grüss euch Leute!

Ich habe folgendes Problem.

Das Ziel:
Eine politische Karte von z.b. Deutschland und Österreich. d.h. keine Strassen, Berge usw. nur Landesgrenzen und Bundeslandgrenzen.
Auf dieser Karte gibt es 20-50 kleine rote Punkte  (dargestellt durch 8px Grafiken auf Layers), die bei Hover den Stadtnamen anzeigen, den sie symbolisieren. Bei Klick darauf wird auf eine andere Seite gesprungen, die dann Details über die Stadt preisgibt.
Alternativ kann man über eine Tabelle rechts von der Karte die Städte auch anwählen, aber es sollte eben auch eine grafische Version geben.

Der Status:
Hintergrundgrafik mit Karte ok, Deutschland hat b500xh620 px, Österreich b500xb260 px. Die "Stadtpunkte" werden auch angezeigt (als rote Grafiken). Wenn man kurz auf einem Punkt verweilt, wird der Stadtname angezeigt (wurde vorerst per img-title-tag als ToolTip gelöst). An sich alles ok im Entwicklungsstadium.

Das Problem:

1. Es gibt leider durchaus einige Gemeinden und Städte die direkt nebeneinander liegen. Das Problem ist, dass sich diese Image-Layers nicht wie erwartet überlagern, sondern die verschieben sich beide per Zufall 10-30 Pixel in irgendeine Himmelsrichtung. Wie kann ich das lösen?
2. Bedingt durch die Seitenproportionen und einer Tabelle neben der Grafik kann die Karte nur max. 500px breit sein. Und da wirds Haarspalterei, kleine 8pixel-Punkte anzuklicken. Kann ich das irgendwie per svg lösen, dass man rein und rauszommen kann (lohnt es sich)? Hat irgendjemand Tricks, wie ich das Problem trotzdem beheben könnte, sodass die Auswahl von Städten vereinfacht wird (wie gesagt, es sollte grafisch sein).

Die Lösung:
SELFHTML

Ich bedanke mich für eure Bemühungen!

mfg Rannh