I'm trying to layer some content divs over an image, all viewed through a scrolling div.
It's basically a map (the image) with points (the divs), viewed through a scrolling window (scrolling div).
I now realise that positioning the divs absolutely brings them out of the container.
So I tried to position the divs relatively but couldn't find a way of avoiding gaps inside the window where the divs displace the image.
What CSS would I need to make that work?
<div id="scrollview" style="width: 400px; height: 400px; overflow: scroll;">
<img src="map.gif" width="4000" height="4000"/>
<div id="item1" class="mappoint"></div>
<div id="item2" class="mappoint"></div>