title: html map area hover effect
body: <pre><code>&lt;img alt="" src="img/Immagini di base NoPain Project/Parti Donna/corpo-donna-fronte.png" width="477" height="672" usemap="#woman-body" id="corpo_d" /&gt;
  &lt;map id="woman-body"&gt;
      &lt;area shape="rect" coords="260,140,200,50" href="#" id="body_one"  /&gt;
      &lt;area shape="rect" coords="200,150,160,220" href="#" id="body_two" /&gt;
  &lt;/map&gt;
  </code></pre>
  
  <p>when the mouse is over one of the two areas,  I would like that the area was highlighted by a border.</p>
  
  <p><strong>This is the css, but it does not work.</strong></p>
  
  <pre><code>area#body_one:hover
  {
      border:1px solid #0F0;  
  }
  </code></pre>