Lining up curved images

Ok, so here’s the deal. The layout I’m going for is that of two semicircles with the same center. One has a slightly larger radius than the other, thus the width between the two circles is smaller than the width of the inner circle. With me so far? If you want a graphic, check out this [URL=”http://yfrog.com/7hdesignroughp”]link[/URL] (except the semicircles will [I]actually[/I] be semicircles, not like the crap I quickly drew up there).
Anyways, the outermost circle contains the button, and the innermost circle will display an image upon mouseover on each button.

My problem is determining how to line up these images. Obviously, I have an image for the inner semicircle, and then images for each button. I know I can probably line the images up using absolute positioning, but I was hoping there was an easier (cleaner) way.

Any ideas?

Please let me know if you need more information.
—

Jeff

Also in #CSS _↴