Hopefully this JSFiddle should illustrate the issue better than my words:
I’m displaying an absolutely positioned H4 as a label over an image map when the map is hovered. However, when the mouse pointer is moved over the H4, the image map fires a mouseout, which causes the H4 to be hidden again.
How can I prevent this? I want the label visible while the mouse is over the image map, regardless of whether it’s also over the label.
You could ‘cheat’ using a transparent image/layer (using your map) which is placed on top of your image.
http://jsfiddle.net/GRPQa/7/
It works using the image map coordinates.