icon_kid - 6:23 am on Sep 28, 2013 (gmt 0)
Are you positive it needs to be a table?
If you lay out in English what effect you're trying to achieve it may turn out there's some entirely different way to do it.
I'm all ears on that one. A picture is worth a thousand words so I've sent you a simulated screen shot of what the page should look like basically -- from there you'll understand why separately scrolling tables are needed for this project. I'll still try to explain it in words.
The layout of this page is going to mimic the way a Google My Maps page is layed out. The layout is simple -- you have two fields. One is a narrow column on the left which contains the names and addresses of the site locations you've saved to your map, vertically arranged. The other field contains the Google street map. The location list scrolls because you may have more than a dozen or so saved. In my case there'll be fifty of more. Of course, the field containing an actual Google map is as large as the entire planet -- talk about "overflow." Anyway, my size for the street map table is 960 X 800 px. The background image used is much larger (1367 X 1465) than the table itself and deliberately so. It is meant that the user is supposed to scroll around a map which has enough detail for practical use, though too large to see the entire map at once, which is not as usefull for this particular project.
Testing your code will be the next thing I'll do.