<map name="theMap">
<area alt="Find out more" style="cursor:pointer;" coords="0,0,10,10" shape="rect" href="#">
</map>
in firebug the area element is greyed out. There are no CSS styles affecting it. The map element shows clearly.
It was because I hadnt put a hash in the usemap attribute of my image.
usemap="theMap"
should have been usemap="#theMap"