div内の画像とリンクの整列に関する問題

Question

<img>と<a>のdivがあります。
しかし、私はそれらを垂直に真ん中に揃えるのに問題があります。私は浮動小数点、絶対配置などを使用しようとしましたが、何も効果がありません。

<div id="hoverDiv"> 
       <img alt="" width="32px" height="32px" src="http://www.fordesigner.com/imguploads/Image/cjbc/zcool/png20080526/1211776868.png" /> 
       <a href="#">TestAccount </a> 
       <div class="showme"> 
        <ul id="menuAccountItemList"> 
         <li>... 
        </ul> 
       </div> 
      </div> 

Answer 1

img { 
    vertical-align:middle; 
}​ 

ここで（境界がアラインメントを示すために、追加）jsFiddle exampleです。