I am using a large background image with several circles overlayed in relation to the image. When the image resizes to different browser screens, the overlays stay fixed while the background image changes to fit the browser. Therefore, the overlays end up out of place in relation to the background and cover parts of the image I don't want covered. Clearly, I'm a newbie with dreamweaver. Any useful links?
This layout approach won't work in Fluid (%) layouts. APDivs are removed from the normal document flow and thus stay absolutely where you positioned them.
Images maps don't work in Fluid layouts either. As the image re-sizes to fit viewport, the hotspot regions do not.
When you're building Responsive Layouts, consider your Mobile layout objectives first. Then Tablets and finally Desktops. And most importantly, keep things simple.
Responsive Web Design
Introduction to CSS Media Queries