#map { 
position:absolute; /* ancestor element has to be positioned absolute! */
top:320px;
background-image: url(images/map/map.jpg);
height: 473px;
width: 800px;
}

#mapmenu a {
   position: absolute;
   text-decoration: none;
   background-position: left top;
   background-repeat: no-repeat;
   }

#mapmenu a i { visibility: hidden; }

a#sanjuan { top: 138px; left: 436px; width: 74px; height: 15px;} 
a#bacardi{ top: 130px; left: 360px; width:61px; height: 31px;}
a#elyunque { top: 205px; left: 476px; width: 85px; height: 32px;}
a#fajardo { top: 191px;left: 603px; width:55px; height: 20px}
a#bioluminescent { top: 210px; left: 581px; width:127px; height: 32px; }
a#culebra { top: 185px; left: 727px; width:67px; height:18px; }
a#vieques { top: 256px; left: 671px; width: 71px; height: 20px; }
a#ponce { top: 323px; left: 259px; width: 51px; height: 16px; }
a#guanica { top: 345px; left: 161px; width: 78px; height: 35px; }
a#camuy { top: 190px; left: 106px; width: 69px; height: 31px; }
a#arecibo { top: 201px; left: 186px; width: 103px; height: 32px; }
a#pinones { top: 156px; left: 472px; width: 69px; height: 19px; }

a#sanjuan:hover { background-image: url(images/map/sanjuan.jpg); }
a#bacardi:hover { background-image: url(images/map/bacardi.jpg); }
a#elyunque:hover { background-image: url(images/map/elyunque.jpg); }
a#fajardo:hover { background-image: url(images/map/fajardo.jpg); }
a#bioluminescent:hover { background-image: url(images/map/bioluminescent.jpg); }
a#culebra:hover { background-image: url(images/map/culebra.jpg); }
a#vieques:hover { background-image: url(images/map/vieques.jpg); }
a#ponce:hover { background-image: url(images/map/ponce.jpg); }
a#guanica:hover { background-image: url(images/map/guanica.jpg); }
a#camuy:hover { background-image: url(images/map/camuy.jpg); }
a#arecibo:hover { background-image: url(images/map/arecibo.jpg); }
a#pinones:hover { background-image: url(images/map/pinones.jpg); }

a#sanjuan:hover,
a#bacardi:hover, 
a#elyunque:hover,
a#fajardo:hover, 
a#bioluminescent:hover, 
a#culebra:hover,   
a#vieques:hover, 
a#ponce:hover, 
a#guanica:hover, 
a#camuy:hover, 
a#arecibo:hover, 
a#pinones:hover { border: 0; } 



