Проблема css только в "Опере"

[rafaello9]

Доброго дня!

Прошу совета профессионалов по поводу проблемы отображения в браузере Опера.

На страницах, где надо что-то создать всегда много полей для заполнения, и, соответственно, рядом с этими полями присутствуют всплывающие подсказки. При наведении на картинку со знаком вопроса выплывает подсказка с текстом.

Вот именно эти всплывающие подсказки работают во всех браузерах нормально, за исключением "Оперы".

У меня одна из последних версий этой Оперы и в ней эти всплывающие подсказки ведут себя, как будто у них нервный тик, они дергаются, наслаиваются друг на друга. В общем неприятно. Причем, в других браузерах все о,кей.

Вот выкладываю код html и css

<span class="tt-wrapper">
<a class="tt-gplus" href="#">
<img border="0" width="24" height="16" alt="?" src="images/help.gif">
<span>
<em id="vcv">Название компании</em>
<br />
<em>Вы можете добавить название вашей компании здесь, чтобы использовать в качестве пользовательского поля в своих сообщениях электронной почты, как участник программы Антиспама.<br>
<br>Программа Антиспама утверждает, что вы должны включать данные о своей компании в свои сообщения электронной почты.</em>
</span>
</a>
</span>

.tt-wrapper a{
width: 24px;
height: 16px;
margin: 0 2px;
outline: none;
position: relative;
}
.tt-wrapper a span{
width: 400px;
height: auto;
line-height: 15px;
padding: 10px;
left: 20%;
margin-left: -64px;
font-family: 'Alegreya SC', Georgia, serif;
font-size: 11px;
color: #000000;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
border: 4px solid #fff;
text-indent: 0px;
border-radius: 5px;
position: absolute;
pointer-events: none;
bottom: 100px;
opacity: 0;
box-shadow: 1px 1px 2px rgba(0,0,0,0.1);
transition: all 0.3s ease-in-out;
}
.tt-wrapper a span:before,
.tt-wrapper a span:after{
content: '';
position: absolute;
bottom: -15px;
left: 20%;
margin-left: -9px;
width: 0;
height: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-top: 10px solid rgba(0,0,0,0.1);
}
.tt-wrapper a span:after{
bottom: -14px;
margin-left: -10px;
border-top: 10px solid #fff;
}
.tt-wrapper a:hover span{
opacity: 1;
bottom: 30px;
background:#E0ECFF;
}

Есть возможность зайти на сайт и в живую посмотреть

http://www.shopvision1.ru/respond/admin/index.php

логин demo

пароль demo

в левом углу в меню "Списки контактов" -> "Создание списка контактов"

Буду благодарен за подсказки!!