Obrazová mapa

<div id="slovenskoMap">
 <map name="slovenskoMap">
 
              <area class="slovenskoMap-area" alt="Košický kraj" title="Košický kraj"  shape="poly" COORDS="302,94, 289,107, 289,117, 296,125, 296,134, 298,134, 301,134, 301,136, 296,144, 296,149, 299,153, 313,152, 314,143, 340,140, 343,142, 348,142, 351,148, 360,147, 364,151, 374,145, 380,148, 383,144, 385,144, 392,146, 394,142, 401,152, 408,156, 410,164, 417,173, 422,174,
429,170, 450,169,
450,146, 464,134, 468,129, 471,120, 470,108, 461,108, 460,101, 455,100, 451,105, 450,109, 437,110, 431,102, 424,103, 422,116, 403,116, 400,110, 397,103, 390,103, 387,108, 380,110, 379,107, 378,103, 372,103, 362,100, 358,92, 347,91, 345,87, 339,87, 339,90, 329,91, 324,89, 323,87, 321,85, 316,84, 313,84, 308,84, 307,87, 302,87,
300,88">
<area class="slovenskoMap-area"  alt="Prešovský kraj" title="Prešovský kraj"  shape="poly" 
                COORDS="287,47, 284,59, 278,55, 272,53, 267,56, 266,62, 267,67, 277,70, 276,77, 270,80, 276,87, 276,92, 279,96, 285,98, 289,96, 295,101, 299,100, 299,97, 302,96, 302,92, 300,89, 309,87, 306,88, 314,87, 318,86, 324,91, 330,91, 339,91, 339,87, 344,88, 344,92, 348,92, 355,93,
356,99, 369,101, 371,104,
376,104, 375,111, 382,113, 388,109, 389,104, 395,104, 399,113, 399,117, 402,117, 405,119, 420,117, 424,116, 423,114, 423,111, 423,107, 424,105, 429,104, 433,110, 448,111, 456,101, 458,102, 459,107, 464,109, 472,107, 479,95, 485,91, 486,88, 487,84, 484,81, 475,82, 469,73, 466,73, 463,75, 459,69, 451,68, 444,64, 443,56, 439,49,
433,46, 428,43, 425,43, 423,45, 421,45, 421,43, 418,40, 415,40, 411,35, 396,36, 389,33, 
381,33, 378,37, 372,39, 371,34, 366,34, 364,37, 365,36, 365,39, 368,44, 359,44, 354,50, 351,44, 342,44, 
340,42, 338,35, 333,36, 326,36, 323,36, 319,34, 313,34, 311,35, 308,36, 305,36, 305,40, 302,40, 293,41">

  </map>   

</div>

      #slovenskoMap{
                position: relative;
                width: 496px;
                height: 241px;
                background-image: url('slovensko.png');
            }