Image Map Cursor Icon

[idw]

I'm using an image map with a hotspot to to show a layer containing a submenu. I am also using image map hotspot to hide that submenu. Everything works except the image map I'm using to hide the layer with the submenu shows the hand icon but really there is no link to click. I think this looks bad. There has to be a better way. If anyone has any ideas please let me know. I'm better at Flash but I'm trying not to use Flash.

You can view my page at

http://wdi-productions.com/wdiproductions - Test.html#

Mouse over the "Services" link to display the submenu. The problem area displaying the hand icon containing no link lies just to the right, above and to the left of the "Services" link.

 

[Cheech]

Use CSS

<style type="text/css">
<!--
.plainCursor {
	text-decoration: none;
	cursor: default;
}
-->
</style>

Then just declare the class of your div

<div align="center" class="plainCursor"><img src="pictures/Header.jpg" name="Image1" width="772" height="43" border="0" usemap="#Map" id="Image1" /></div>

Cheech

[Peace][Pipe]

 

[idw]

Looks good Cheech but won't this effect the cursor image for the whole map? I want hand cursor for all the other links. I thought about making the particular problem hotspot its own image map, but think I can only define one image map per image....and can not put a div tag in the middle of a map area tag?

 

[Cheech]

Then i guess the best way would be to split your header image into 4 and have seperate divs for each or even use text instead of the full header

[Peace][Pipe]

 

[idw]

I'll have to break up the image. Thanks for your suggestions.