css - img を div の中央に配置、vertical-align: middle

Question

私は、div内でimgを中央に配置する方法を教えるチュートリアルに従っていました。line-high と vertical-align: middle を使用しています。たとえば、これはフィドルのコードです。

<div id="ad_unit">
    <div class="logo">
        <img src="http://i760.photobucket.com/albums/xx243/jhonmarcanob2010/50x50.jpg" alt="image"/>
    </div>      
</div>


.logo {
    background-color: green;
    position: absolute;
    width: 138px;
    height: 300px;
    line-height: 300px;
    text-align: center;
}

.logo img {
    vertical-align: middle;
}

しかし、コードをhtmlファイルに入れようとすると、画像が垂直方向に中央揃えになりません。何かご意見は？