title: Change background color of HTML <area> tag
body: <p>I have an image with more than 100 geometrical shapes with different size and dimensions, i used image mapping over it and assign id to each <code>&lt;area&gt;</code> like <code>&lt;area id="1"&gt;</code>. I stored records in <strong>mysql</strong> db about each shape like:</p>
  
  <pre><code>--------------------
  box_id | color_code
  --------------------
     1      #AEEE11
     2      #AEEE01
     3      #DEEF11
     4      #0EE001
  --------------------
  </code></pre>
  
  <p>now i want to set backgroung-color for each  with respect to their ids.</p>
  
  <p>Here i paste HTML code for some area as whole page will increase my post:</p>
  
  <pre><code>&lt;img src="images/map.gif" border="0" usemap="#Msj_Map" alt="map" class="map" /&gt;
  &lt;map name="Msj_Map" id="Msj_Map"&gt;   
      &lt;area id="8" shape="poly" coords="436,141,486,141,486,207,436,206" /&gt;
      &lt;area id="1" shape="poly" coords="163,148,163,170,159,170" /&gt;
      &lt;area id="2" shape="poly" coords="163,207,153,207,159,173,163,173" /&gt;
      &lt;area id="189" shape="poly" coords="198,281,199,307,161,307,161,282" /&gt;
      &lt;area id="190" shape="poly" coords="198,309,199,333,161,334,161,309" /&gt;
      &lt;area id="165" shape="poly" coords="540,230,570,230,577,236,577,271,540,271" /&gt;
      &lt;area id="40" shape="poly" coords="384,1156,419,1156,419,1180,383,1180" /&gt;
      &lt;area id="39" shape="poly" coords="422,1156,458,1156,458,1180,422,1181" /&gt;
      &lt;area id="54" shape="poly" coords="321,1109,353,1109,359,1116,360,1159,321,1159" /&gt;
      &lt;area id="29" shape="poly" coords="356,1235,387,1235,387,1274,356,1274" /&gt;
      &lt;area id="22" shape="poly" coords="390,1277,457,1277,457,1311,453,1315,390,1315" /&gt;
      &lt;area id="23" shape="poly" coords="321,1277,387,1277,387,1315,321,1315" /&gt;
      &lt;area id="24" shape="poly" coords="319,1277,319,1316,252,1316,252,1277" /&gt;
  &lt;/map&gt;
  </code></pre>
  
  <p>I also tried:</p>
  
  <pre><code>&lt;area id="1" shape="poly" coords="604,140,657,140,677,160,677,234,605,234" style="background-color:#00FFEE;" /&gt;
  </code></pre>
  
  <p>but not work... :(</p>