<center>
<img src="http://sh.uploads.ru/AG7ag.png" width="980" height="551" border="0" usemap="#mapka" />
<map class="myMap" name="mapka" >
<span class="tipsy-Map" title="Подсказка"><area shape="rect" coords="415,103,4" href="http://medred.rusff.ru/pages/map"/></span>
</map>
</center>

<style>.tipsy.tipsy-s.Map{ font-size:14px; z-index:10000!important;}</style>
<script>
var offset_On=false;
function mouseShowHandler(e){
e = offset_On&&e || offset_On&&window.event
    if (e.pageX == null && e.clientX != null ) { 
    var html = document.documentElement
    var body = document.body
    e.pageX = e.clientX + (html && html.scrollLeft || body && body.scrollLeft || 0) - (html.clientLeft || 0)
    e.pageY = e.clientY + (html && html.scrollTop || body && body.scrollTop || 0) - (html.clientTop || 0)
}
    $(".tipsy.tipsy-s.Map").css({"top":(e.pageY-50)+"px","left":(e.pageX-30)+"px"});//offset_On=false;
}
$("map.myMap .tipsy-Map").tipsy({gravity: 's Map'});
var first_On=true;
$("map.myMap .tipsy-Map").mouseover(function(){
   offset_On=true;if(first_On){$(document).mousemove(mouseShowHandler);first_On=false;}
}).mouseout(function(){ offset_On=false;});
</script>

<style>/* tooltip*/
.tooltip { padding: 5px; font-size: 10px; font-family: verdana, arial, sans-serif;  background-repeat: no-repeat; }
  .tooltip-inner { padding: 5px 8px 4px 8px; background-color: black; color: white; max-width: 200px; text-align: center; }
  .tooltip-inner { -moz-border-radius:3px; -webkit-border-radius:3px; border-radius: 3px; }
  .tooltip-north { background-position: top center; }
  .tooltip-south { background-position: bottom center; }
  .tooltip-east { background-position: right center; }
  .tooltip-west { background-position: left center; }
  
.tooltip {
    position: relative;
    background: none;
    display: inline-block;
    text-decoration: none;
    outline: none;
}
.tooltipA1 {bottom: 250px;margin-left: -289px;}
.tooltipA2 {bottom: 210px;margin-left: -289px;}
.tooltipA3 {bottom: 200px;margin-left: -289px;}
.tooltipA4 {bottom: 150px;margin-left: -289px;}
.tooltipA5 {bottom: 100px;margin-left: -289px;}
.tooltipA6 {bottom: 50px;margin-left: -289px;}
.tooltip span {
    visibility: hidden;
    position: absolute;
    left: 10%; 
    color: #ffffff;
    z-index: 999999;
    width: 155px;
padding: 5px;
background-color: #878686;
border-radius: 5px;
}
.tooltip:hover {
    border: 0; /* IE6 fix */
}
.tooltip:hover span {
    visibility: visible;
}
.tooltip span:before,
.tooltip span:after {
    content: "";
    position: absolute;
    z-index: 1000;
    bottom: -7px;
    left: 50%;
    margin-left: -8px;
    border-top: 8px solid #ddd;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 0;
}
.tooltip span:before {
    border-top-color: #ccc;
    bottom: -8px;
}
</style>


<center>
<img src="http://s017.radikal.ru/i420/1112/ec/75a65e6e1237.jpg" width="365" height="481" border="0" usemap="#mapka">
<map class="myMap" name="mapka" >
<span class="tooltip" title="Aнкеты"><i><area shape="rect" coords="141,239,247,267" href="http://rolevayagrotter.mybb.ru/viewtopic.php?id=5"/></i><span class="tooltipA1">Верховный жрец зада<img src="http://forumstatic.ru/files/0014/dc/f1/86731.gif"><img src="http://forumstatic.ru/files/0014/a1/90/28220.png"> kimiko.xxx</span></span>

<span class="tooltip" title="Правила"><i><area shape="rect" coords="202,277,308,308" href="http://rolevayagrotter.mybb.ru/viewtopic.php?id=2"/></i><span class="tooltipA2">Верховный жрец зада<img src="http://forumstatic.ru/files/0014/dc/f1/86731.gif"><img src="http://forumstatic.ru/files/0014/a1/90/28220.png"> kimiko.xxx</span></span>

<span class="tooltip" title="Флуд"><i><area shape="rect" coords="148,313,219,344" href="http://rolevayagrotter.mybb.ru/viewforum.php?id=1"/></i><span class="tooltipA3">Верховный жрец зада<img src="http://forumstatic.ru/files/0014/dc/f1/86731.gif"><img src="http://forumstatic.ru/files/0014/a1/90/28220.png"> kimiko.xxx</span></span>

<span class="tooltip" title="Список занятых внешностей"><i><area shape="rect" coords="216,350,361,376" href="http://rolevayagrotter.mybb.ru/viewtopic.php?id=35"/></i><span class="tooltipA4">Верховный жрец зада<img src="http://forumstatic.ru/files/0014/dc/f1/86731.gif"><img src="http://forumstatic.ru/files/0014/a1/90/28220.png"> kimiko.xxx</span></span>

<span class="tooltip" title="Вопросы"><i><area shape="rect" coords="148,385,246,411" href="http://rolevayagrotter.mybb.ru/viewtopic.php?id=3"/></i><span class="tooltipA5">Верховный жрец зада<img src="http://forumstatic.ru/files/0014/dc/f1/86731.gif"><img src="http://forumstatic.ru/files/0014/a1/90/28220.png"> kimiko.xxx</span></span>

<span class="tooltip" title="Предложения"><i><area shape="rect" coords="205,421,361,450" href="http://rolevayagrotter.mybb.ru/viewtopic.php?id=62"/></i><span class="tooltipA6">Верховный жрец зада<img src="http://forumstatic.ru/files/0014/dc/f1/86731.gif"><img src="http://forumstatic.ru/files/0014/a1/90/28220.png"> kimiko.xxx</span></span>
</map>
</center>