Need Fancybox with image rollover behavior

Question

Hi All,

I'm using Fancybox and want to use a rollover behavior when the pointer is moved over the image. See the link of what i have working:

http://hayes-studio.com/fancybox_rollover1.html

My problem is that i need the rollover image to appear in the correct position relative to the layer .The image on the right is in the layer... you can see that the rollover image (the red triangle) is NOT displayed relative to the layer position.

Here is a look at the rough page layout...i know the code is a mess... i am a designer trying to learn a little coding ;) www.hayes-studio.com/new_layout10.html

Thanks in advance for any suggestions or links!!!!

Best, Kevin Hayes