Ok. Here's the scenario.

I was working on a picture idly, and an idea popped in my mind. I wanted to use it for my website, and I wanted it to display in a certain way. So, I split it up, did the layer thing, whatever.

This leaves me with 6 photos, each one having one subject in the drawing colored, and the rest blank. The base image has no color at all.

I threw that up in my folder for Dreamweaver to reference from, and then threw together some CSS to try and see if I could make specific parts of the base image rollover to their colored versions..

In short, I was trying to make 6 rollover images, to try and fit over the uncolored parts

Well, it worked....kinda.

Each part that I charted does act like a rollover link. You roll over and that part of the image changes....but not to the corresponding colored version. Since I did the colorings on the whole drawing, it uses the WHOLE damn drawing. I figured that would happen, but that's when I ran into a problem.

I can't seem to manipulate the rollover images' positioning. Instead of starting at 0,0, I'd like to be able to modify the rollover images starting point, so the colored images would appear directly over the section of the base image I alloted the link for.

I'm not sure if CSS has this ability, or if I'm overlooking something--but if anyone can lend some insight, or link me to a site that I can ask this question too, that would be greatly appreciated.