div의 이미지 및 링크 정렬 문제

Question

<img> 및 <a> 인 div가 있습니다.
하지만 중간에 정렬하는 데 문제가 있습니다. 나는 float, 절대 위치 지정 및 다른 것들을 사용하려고 시도했지만 아무것도 효과가 없습니다.

<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 (테두리 정렬을 보여 추가)입니다.