I couldn't get your link to load, but it sounds like you may need to
do something similar to the following. The image you're mapping would
need to be either relative or absolutely positioned.
Note that #map_area is the <map> area you're mousing over.
#bg_image is the image the map is on.
Not sure if this would work - you may need to get the top/left/width/
height of the map area some other way.
$("#map_area").mouseover(function() {
var bg_image = $("#bg_image");
var hover_img = document.createElement("img");
$(hover_img).css({
position: 'absolute',
top : $(this).css('top'),
left : $(this).css('left'),
zIndex : (bg_image.css("z-index") + 1)
}).
width($(this).width()).
height($(this).height()).
mouseout(function() {
$(this).remove();
}).
insertAfter(bg_image);
});
Jamie
