html - テキストを垂直方向に中央揃えにする問題 u_u

Question

ほら、ここで大きな問題を抱えています。私はすでにたくさんの解決策を試しましたが、どれも役に立ちませんでした。カスタム ツールチップを作成しており、その中に表示されるテキストを垂直方向に中央揃えにしようとしていますが、できませんでした。

    .tooltip {
    display:none;
    background:transparent url(slides/tooltip_img.png);
font-family:Helvetica;
    font-size:16px;
    height:157px;
    width:149px;
    color:#eee;
text-align:center;
line-height:20px;
    }

そして、これが私がそれを垂直に中央にしようとしている方法です:

    <div id="tooltip" style="height:62px;margin-left:46px;margin-top:102px;vertical-align:middle">
    <img src="supahsource.png" title="Tooltip info"/>

とにかく、試している結果が得られません。誰か助けてもらえますか? どうもありがとう。