title: Can I use CSS hover on this complex irregular shaped link
body: <p>I've looked at a lot of possible solutions to this, but still have not found one that works. I am trying to get my links to glow on hover using CSS</p>
  
  <p>I have tried to use every version of a rectangle to encompass my image to link them, but some are very small and get overlapped. Is there a way to incorporate poly coordinates into CSS?  I think my main issue is css code to glow on hover asks for links size by width and hgt px. But my html links are irregular shaped x and y poly coords</p>
  
  <p>Here is one of my CSS I was trying to hover but not sure what to put in the width/height area if not the x and y coord? </p>
  
  <pre><code>/* wiki image glow */
  .wikiimageglow 
  { 
      margin-bottom: 10px; 
      width: px; 
      height:px; 
      display:block; 
      background:transparent url('http://cdn.obsidianportal.com/assets/199195/weird4.jpg') center top no-repeat; 
   }
  
  .wikiimageglow:hover 
  { 
      background-image: url('http://cdn.obsidianportal.com/assets/199539/character.jpg');     
  }
  </code></pre>
  
  <p>Here are the links</p>
  
  <pre><code>&lt;img src="http://cdn.obsidianportal.com/assets/199195/weird4.jpg" width="654" height="690" border="0" usemap="#Map" /&gt;
  &lt;map name="Map" id="Map"&gt;
      &lt;area shape="poly" coords="351,81,386,317,335,295,302,215" href="http://www.obsidianportal.com/campaign/runelords-of-lord-ao/wikis/game-master-information" /&gt;
      &lt;area shape="poly" coords="567,202,405,376,390,321,435,243" href="http://www.obsidianportal.com/campaigns/runelords-of-lord-ao/items" /&gt;
      &lt;area shape="poly" coords="368,426,403,379,491,365,608,445" href="http://www.obsidianportal.com/campaigns/runelords-of-lord-ao/characters" /&gt;
      &lt;area shape="poly" coords="308,430,364,427,430,489,443,628" href="http://www.obsidianportal.com/campaign/runelords-of-lord-ao/wikis/critical-hits-and-misses" /&gt;
      &lt;area shape="poly" coords="268,383,305,428,296,514,195,616" href="http://www.obsidianportal.com/campaign/runelords-of-lord-ao/wikis/character-creation" /&gt;
      &lt;area shape="poly" coords="279,323,270,378,198,431,53,412" href="http://www.obsidianportal.com/campaign/runelords-of-lord-ao/adventure-log" /&gt;
      &lt;area shape="poly" coords="126,173,332,296,281,321,197,298" href="http://www.obsidianportal.com/campaign/runelords-of-lord-ao/wikis/geography" /&gt;
      &lt;area shape="poly" coords="145,530,151,485,199,457,179,507" href="http://www.obsidianportal.com/campaign/runelords-of-lord-ao/wikis/pride" /&gt;
      &lt;area shape="poly" coords="109,352,99,318,107,288,139,270,159,305,151,335" href="http://www.obsidianportal.com/campaign/runelords-of-lord-ao/wikis/wrath" /&gt;
      &lt;area shape="poly" coords="220,144,232,139,286,143,292,164,254,189,228,185" href="http://www.obsidianportal.com/campaign/runelords-of-lord-ao/wikis/gluttony" /&gt;
      &lt;area shape="poly" coords="432,142,463,142,480,152,461,174,415,211,414,174" href="http://www.obsidianportal.com/campaign/runelords-of-lord-ao/wikis/greed" /&gt;
      &lt;area shape="poly" coords="524,287,551,302,564,358,535,355" href="http://www.obsidianportal.com/campaign/runelords-of-lord-ao/wikis/sloth" /&gt;
      &lt;area shape="poly" coords="520,469,501,506,459,524,463,499,498,472" href="http://www.obsidianportal.com/campaign/runelords-of-lord-ao/wikis/envy" /&gt;
      &lt;area shape="poly" coords="323,522,343,562,337,594,328,606,307,578" href="http://www.obsidianportal.com/campaign/runelords-of-lord-ao/wikis/lust" /&gt;
  &lt;/map&gt;
  </code></pre>