скрипт который работает не правильно в нескольких браузерах.

[Bushel]

На моём сайте присутствует всплывающая подсказка написанная на сss:

.tooltip { position: relative; }
.tooltip span {
position: absolute;
right: 0;
top: -53px;
display: none;
min-width: 50px;
padding: 3px 8px;
white-space: nowrap;
font-size: 18px;
text-align: right;
background-color: rgba(5,3,5,.8);
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
color: #c2c2c2;
}

Вот сам код который на страницах:

<span><br>О нас.<br><small></small></span>

В Mozila Firefox работает отлично.
Но в других браузерах у него происходит смещение. Тоесть выскакивает она не в том месте где положенно. Просто мне нужно что она выскакивала именно в определенном месте.

Как мне быть? Есть ли такая возможность прописывать в css скрипты под определённые браузеры. Я имею в виду прописать так типо, в IE такой-то скрипт, в Opera такой-то, в Chrome такой-то.

Подскажите кто какие мысли имеет. Спасибо!