Основываясь на предоставленной вами ссылке, я вижу, что во всплывающих подсказках используется следующий CSS.
<div class="tooltip" style="visibility: visible; position: absolute; left: 465px; display: block; opacity: 1; top: 253px; ">
Tooltip Text
</div>
В этом блоге есть отличная статья о вертикально центрированном контенте
http://blog.themeforest.net/tutorials/vertical-centering-with-css/
Исходя из этого и предполагая, что вам не нужно поддерживать IE7, я бы подумал о методе display: table-cell.Вы примените это к своему классу всплывающей подсказки.Однако сначала вам придется обернуть содержимое ячейки.
div.tooltip {display:table;}
div.tooltip > span {display:table-cell; vertical-align:middle;}
//if you can't wrap content in span yourself then use jquery to do it
$('div.tooltip').wrap('<span />');
//the new html
<div class="tooltip" style="visibility: visible; position: absolute; left: 465px; display: block; opacity: 1; top: 253px; ">
<span>Tooltip Text</span>
</div>
Просто думал, что мы не знаем, как css применяется к этим подсказкам.Им присваивается свойство отображения block.Вам может потребоваться убедиться, что изменения всплывающей подсказки с помощью кода плагина не удаляют ваше свойство display:table.Поэтому вы, возможно, захотите дважды обернуть содержимое, чтобы убедиться, что ваш CSS не перезаписан.