Styling area tags [duplicate]

Question

I have a pair of image-maps on which I want their areas to high-light when the mouse hovers over them.

I am using jquery to detect the mouseover and assigning a css class. The assignment works and I can confirm the new class name. But, the area does not high-light.

My best guess is perhaps area is not a recognised HTML tag. Can anyone suggest how I could get this to work?

Thanks

Answer 1

It seems like the html area tag is not a visual element that you can style. But, this other question: Visible Area tag? points to a very useful jQuery plugin you could use: http://davidlynch.org/js/maphilight/docs/