Добрый вечер. Сверстал на css подсказки-надписи, при наведении на картинки они появляются, в Google Chrome, Opera, IE без проблем, в Firefox и во всех мобильных браузерах не работают. Обыкновенные css элементы, непонятная загвоздка. Заранее спасибо.
<div class="pol1"><a href="#" class="help">
<div class="par"><img src="images/su.png" alt="img" class="rightimg">
<span class="sov">Cоветские автоматы</span></div></a>
к а к о й - т о - т е к с т
</div>
<div class="pol2"><a href="#" class="help">
<div class="par2"><img src="images/iek.png" alt="img" class="rightimg1">
<span class="iek">Cовременные автоматы</span></div></a>
к а к о й - т о - т е к с т
</div>
.rightimg{float:left;margin:0 25px 0 14px}
.rightimg1{float:left;margin:30px 25px 0 25px}
img.rightimg{max-width:109px;width:6%}
img.rightimg1{max-width:63px;width:5%}
a.help {
text-decoration: none;
color: #000000;
}
a.help span {
display: none;
}
a.help:hover {
position: relative;
}
a.help:hover span.sov {
position: absolute;
display: block;
left: 10px;
top: 55px;
border: solid 1px #000000;
background: #FFFFFF;
color: #000000;
white-space: pre;
padding: 2px;
}
a.help:hover span.iek {
position: absolute;
display: block;
left: 10px;
top: 55px;
border: solid 1px #000000;
background: #FFFFFF;
color: #000000;
white-space: pre;
padding: 2px;
}
