bilder positionieren im overflow div

hallo. bald hab ich alle foren durch. :D

das problem ist wirklich knifflig. und ich bin mit meinem latein schon lange am ende. das eigentlich problem gibts nur mit firefox. es lässt sich auch nur schwer beschreiben. deshalb hab ich mal ein demo online gestellt. bei dem demo soll eine landkarte in einem div scrollbar werden. auf der karte sollen mit kleinen bildern mehrere standorte eingetragen werden. im demo ist das ganze 2x zu sehen. allerdings funktioniert das obere mit dem firefox überhauptnicht. das untere funktioniert schon fast perfekt. nur leider bleiben die kleinen positionierten bilder stehen und werden sogar ausserhalb vom div angezeigt.
demo: http://www.dj-mc-et.de/test

vielleicht kann mir hier jemand helfen.

danke für die antwort.

das mit der relativen positionierung war natürlich das erste, was ich ausprobiert hab. auf den ersten blick funktioniert das auch sehr gut. aber wenn man genauer hinsieht, dann erkennt man das auch der abstand von links mit jedem weiteren bild zunimmt. da das ganze mal von einem php script ausgegeben werden soll, könnte ich das noch relativ einfach umgehen. bin allerdings grad noch was anderes am ausprobieren. ich hab dem div jetzt mal eine "line-height: 0px;" gegeben. also dem giv, welches du gepostet hast. und hinter jedem bild nochmal ein <br /> ergänzt. ich dachte so könnte ich die ganze sache mit den zunehmenden abständen umgehen. leider funktioniert das überhauptnicht. gibt es vielleicht noch eine andere möglichkeit jedes bild im ursprung erstmal oben links anzuordnen?

vielen dank für deine hilfe. das mit dem block werde ich wohl nicht machen. denn dann bekomme ich probleme wenn es zu viele bilder werden. so wie es jetzt ist kann ich mit einem zeilenumbruch rechnen und dementsprechend reagieren. das ist ja zum glück nur ein rechenspiel.

mfg DJ-MC-ET